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>