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.

Start learning

Try it in the browser

Build something with Tailwind in our online playground.

Start building

Watch the screencasts

Learn more about Tailwind directly from the team on our channel.

Start watching

Tailwind UIHeight - 图2

Beautiful UI components, crafted by the creators of Tailwind CSS

Browse components

What’s new in Tailwind

Latest Updates

View all the latest updates

  • [

    Tailwind CSS v2.0

    Height - 图11Nov 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

    Height - 图12Oct 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!

    ](https://blog.tailwindcss.com/tailwindcss-1-9)

  • [

    Introducing Tailwind Play

    Height - 图13Oct 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.

    ](https://blog.tailwindcss.com/introducing-tailwind-play)

  • [

    Headless UI: Unstyled, Accessible UI Components

    Height - 图14Oct 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

  • [Height - 图15

    GitHub Discussions

    Connect with members of the Tailwind CSS community.

  1. ](https://github.com/tailwindlabs/tailwindcss/discussions)
  • [Height - 图16

    Discord

    Join our Discord group to chat with other Tailwind users.

  1. ](https://tailwindcss.com/discord)
  • [Height - 图17

    Twitter

    Follow the Tailwind Twitter account for news and updates.

  1. ](https://twitter.com/tailwindcss)
  • [Height - 图18

    YouTube

    Watch screencasts and feature tutorials of Tailwind.

  1. ](https://www.youtube.com/tailwindlabs)