Getting started with Tailwind CSS
Learn Tailwind the way that best matches your learning style.
Read the docs
Learn how to get Tailwind set up in your project.
Try it in the browser
Build something with Tailwind in our online playground.
Watch the screencasts
Learn more about Tailwind directly from the team on our channel.
Tailwind UI
Beautiful UI components, crafted by the creators of Tailwind CSS
What’s new in Tailwind
- Focus Ring Utilities2.0+
- Dark Mode2.0+
- Extended Color Palette2.0+
- Extend Variants2.0+
- Extra Wide Breakpoint2.0+
- Shareable Presets
- Gradients
- Animations
Latest Updates
[
Tailwind CSS v2.0
Nov 19, 2020
Today we’re finally releasing Tailwind CSS v2.0, including an all-new color palette, dark mode support, and tons more!
]($efa1bf301313937b.md)
[
Tailwind CSS v1.9.0
Oct 14, 2020
We just released Tailwind CSS v1.9 which adds support for configuration presets, useful new CSS grid utilities, extended border radius, rotate, and skew scales, helpful accessibility improvements, and more!
[
Introducing Tailwind Play
Oct 7, 2020
Today we’re excited to release the first version of Tailwind Play, an advanced online playground for Tailwind CSS that lets you use all of Tailwind’s build-time features directly in the browser.
[
Headless UI: Unstyled, Accessible UI Components
Oct 7, 2020
Headless UI is a set of completely unstyled, fully accessible UI components for React, Vue, and Alpine.js that make it easy to build fully accessible custom UI components, without sacrificing the ability to style them from scratch with simple utility classes.
](https://blog.tailwindcss.com/headless-ui-unstyled-accessible-ui-components)
Get involved
](https://github.com/tailwindlabs/tailwindcss/discussions)
](https://tailwindcss.com/discord)
](https://twitter.com/tailwindcss)
](https://www.youtube.com/tailwindlabs)