# Table of Contents

- [Documentation - Tailwind CSS](#documentation-tailwind-css)

---

# Documentation - Tailwind CSS

You're looking at the documentation for Tailwind CSS v2.

[Go to Tailwind CSS v3 →](https://tailwindcss.com/)

[Go to Tailwind CSS v3 →](https://tailwindcss.com/)

[Tailwind CSS home page](https://v2.tailwindcss.com/)

Quick search for anythingPress Ctrl and K to search

Tailwind CSS Versionv3v2.2.16v1.9.6v0.7.4

[Tailwind CSS on GitHub](https://github.com/tailwindlabs/tailwindcss)

Open site navigation

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](https://v2.tailwindcss.com/docs/installation)

Try it in the browser
---------------------

Build something with Tailwind in our online playground.

[Start building](https://play.tailwindcss.com/)

Watch the screencasts
---------------------

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

[Start watching](https://www.youtube.com/tailwindlabs)

Tailwind UI
-----------

Beautiful UI components, crafted by the creators of Tailwind CSS

[Browse components](https://tailwindui.com/components)

What’s new in Tailwind
----------------------

*   [Focus Ring Utilities2.0+](https://v2.tailwindcss.com/docs/ring-width)
    
*   [Dark Mode2.0+](https://v2.tailwindcss.com/docs/dark-mode)
    
*   [Extended Color Palette2.0+](https://v2.tailwindcss.com/docs/customizing-colors#color-palette-reference)
    
*   [Extend Variants2.0+](https://v2.tailwindcss.com/docs/configuring-variants#enabling-extra-variants)
    
*   [Extra Wide Breakpoint2.0+](https://v2.tailwindcss.com/docs/breakpoints)
    
*   [Shareable Presets](https://v2.tailwindcss.com/docs/presets)
    
*   [Gradients](https://v2.tailwindcss.com/docs/gradient-color-stops)
    
*   [Animations](https://v2.tailwindcss.com/docs/animation)
    

*   [### Tailwind CSS v2.2\
    \
    Jun 17, 2021\
    \
    Over the last few weeks, we've been having a ton of fun dumping new and exciting features into Tailwind. Now feels like the right time to cut a release, so here it is — Tailwind CSS v2.2! We've built-in a new high-performance CLI tool, added before and after pseudo-element support, introduced new sibling selector variants, the ability to style highlighted text, and tons more.](https://blog.tailwindcss.com/tailwindcss-2-2)
    
*   [### Tailwind CSS v2.1\
    \
    Apr 5, 2021\
    \
    We just released Tailwind CSS v2.1 which brings the new JIT engine to core, adds first-class CSS filter support, and more!](https://blog.tailwindcss.com/tailwindcss-2-1)
    
*   [### Just-In-Time: The Next Generation of Tailwind CSS\
    \
    Mar 15, 2021\
    \
    One of the hardest constraints we've had to deal with as we've improved Tailwind CSS over the years is the generated file size in development. With enough customizations to your config file, the generated CSS can reach 10mb or more, and there's only so much CSS that build tools and even the browser itself will comfortably tolerate.](https://blog.tailwindcss.com/just-in-time-the-next-generation-of-tailwind-css)
    
*   [### Welcoming James McDonald to Tailwind Labs\
    \
    Mar 8, 2021\
    \
    Many years ago I got a message from Steve that said something like "Have I ever shared this guy's Dribbble profile with you before? Been following him forever, some of my absolute favorite work I've ever found." That person was James McDonald, and today we're totally over the moon to share that James is joining our team full-time.](https://blog.tailwindcss.com/welcoming-james-mcdonald-to-tailwind-labs)
    
*   [### "Tailwind CSS: From Zero to Production" on YouTube\
    \
    Feb 16, 2021\
    \
    Today we're excited to release Tailwind CSS: From Zero to Production, a new screencast series that teaches you everything you need to know to get up and running with Tailwind CSS v2.0 from scratch.](https://blog.tailwindcss.com/tailwindcss-from-zero-to-production)
    
*   [### Welcoming David Luhr to Tailwind Labs\
    \
    Feb 1, 2021\
    \
    We started working with David Luhr last summer on a project-by-project basis to help us develop a Figma version of Tailwind UI (almost ready!), as well as to leverage his accessibility expertise when building Tailwind UI templates, ensuring we were following best practices and delivering markup that would work for everyone, no matter what tools they use to browse the web. Today we're excited to share that David has joined the team full-time!](https://blog.tailwindcss.com/welcoming-david-luhr-to-tailwind-labs)
    
*   [### Multi-line truncation with @tailwindcss/line-clamp\
    \
    Jan 24, 2021\
    \
    Imagine you're implementing a beautiful design you or someone on your team carefully crafted in Figma. You've nailed all the different layouts at each breakpoint, perfected the whitespace and typography, and the photography you're using is really bringing the design to life.](https://blog.tailwindcss.com/multi-line-truncation-with-tailwindcss-line-clamp)
    
*   [### Tailwind CSS v2.0\
    \
    Nov 18, 2020\
    \
    Today we're finally releasing Tailwind CSS v2.0, including an all-new color palette, dark mode support, and tons more!](https://blog.tailwindcss.com/tailwindcss-v2)
    

Get involved
------------

*   [### GitHub Discussions\
    \
    Connect with members of the Tailwind CSS community.](https://github.com/tailwindlabs/tailwindcss/discussions)
    
*   [### Discord\
    \
    Join our Discord group to chat with other Tailwind users.](https://v2.tailwindcss.com/discord)
    
*   [### Twitter\
    \
    Follow the Tailwind Twitter account for news and updates.](https://twitter.com/tailwindcss)
    
*   [### YouTube\
    \
    Watch screencasts and feature tutorials of Tailwind.](https://www.youtube.com/tailwindlabs)

---