Home

Awesome

<!--lint disable awesome-heading awesome-github double-link no-dead-urls--> <p align="center"> <br> <img width="100" src="./assets/logo.svg" alt="Tailwind CSS logo"> <br> <br> </p> <h2 align="center">Awesome Tailwind CSS</h2> <p align="center"> <a href="https://tailwindcss.com">Tailwind CSS</a> is a utility-first CSS framework for rapidly building custom user interfaces. <br> <br> <a href="https://github.com/sindresorhus/awesome"> <img src="https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg" alt="Awesome badge"> </a> &nbsp; <a href="https://github.com/sindresorhus/awesome-lint"> <img src="https://github.com/aniftyco/awesome-tailwindcss/workflows/Lint/badge.svg" alt="Lint status badge"> </a> <br> <br> </p>

Contents

Useful Links

Legend: 馃挋 Official resource

IDE Extensions

Legend: 馃挋 Official resource

Plugins

Legend: 馃挋 Official plugin 路 馃帹 Theming 路 馃捈 Utilities 路 馃К Variants 路 馃З Components 路 馃洃 Deprecated

<details> <summary>馃洃 *Below are official plugins which functionalities are either deprecated or (partially) implemented in core.*</summary> </details>

Tools

Legend: 馃實 Accessible online 路 馃敿 Conversion or upgrade tool 路 馃敡 Generator 路 馃叞 Typing/enforcement 路 馃捈 Plugins/Tools/Extensions for external services 路 馃帹 Color-related 路 馃殌 Framework 路 馃挵 Paid plans

UI Libraries, Components & Templates

Legend: 馃挋 Official resource 路 馃摎 Library 路 馃З Components 路 馃搧 Templates

Starters & Themes

Legend: 馃捈 Package 路 馃摕 Command line tool/generator 路 馃殌 Cloneable

Learning

Legend: 馃挋 Official resource 路 馃И Sample 路 馃敡 Setup Tutorial 路 馃幀 Video Tutorial 路 馃帗 Component or Page Tutorial 路 馃帴 Cast

<p align="center"> <br /> <br /> 路 <br /> <br /> <sub>Contributions welcome! Read the <a href="CONTRIBUTING.md">contribution guidelines</a> first.</sub> </p>