Awesome Lists with GitHub stars


Tailwind CSS logo

Awesome Tailwind CSS

Tailwind CSS is a utility-first CSS framework for rapidly building custom user interfaces.

Awesome badge   Lint status badge

Contents

Legend: 💙 Official resource

IDE Extensions

Legend: 💙 Official resource

Plugins

Legend: 💙 Official plugin · 🎨 Theming · 💼 Utilities · 🧬 Variants · 🧩 Components · 🛑 Deprecated

🛑 *Below are official plugins which functionalities are either deprecated or (partially) implemented in core.* - 🛑💼💙 [Line Clamp ![GitHub Repo Stars](https://img.shields.io/github/stars/tailwindlabs/tailwindcss-line-clamp) ![GitHub last commit](https://img.shields.io/github/last-commit/tailwindlabs/tailwindcss-line-clamp)](https://github.com/tailwindlabs/tailwindcss-line-clamp) - Provides utilities for visually truncating text after a fixed number of lines. - 🛑🧩💙 [Custom Forms ![GitHub Repo Stars](https://img.shields.io/github/stars/tailwindlabs/tailwindcss-custom-forms) ![GitHub last commit](https://img.shields.io/github/last-commit/tailwindlabs/tailwindcss-custom-forms)](https://github.com/tailwindlabs/tailwindcss-custom-forms) - Adds better default styles to form elements. - 🛑💙💼 [Aspect Ratio ![GitHub Repo Stars](https://img.shields.io/github/stars/tailwindlabs/tailwindcss-aspect-ratio) ![GitHub last commit](https://img.shields.io/github/last-commit/tailwindlabs/tailwindcss-aspect-ratio)](https://github.com/tailwindlabs/tailwindcss-aspect-ratio) - Adds composable aspect ratio utilities.

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



·

Contributions welcome! Read the contribution guidelines first.