Awesome Tailwindcss Overview

๐Ÿ˜Ž Awesome things related to Tailwind CSS

๐Ÿ  Home ยท ๐Ÿ”ฅ Feed ยท ๐Ÿ“ฎ Subscribe ยท ๐Ÿ˜บ aniftyco/awesome-tailwindcss ยท โญ 9.7K ยท ๐Ÿท๏ธ Front-End Development

[ Daily / Weekly / Overview ]

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


Legend: ๐Ÿ’™ Official resource

IDE Extensions

Legend: ๐Ÿ’™ Official resource


Legend: ๐Ÿ’™ Official plugin ยท ๐ŸŽจ Theming ยท ๐Ÿ’ผ Utilities ยท ๐Ÿงฌ Variants ยท ๐Ÿงฉ Components ยท ๐Ÿ›‘ Deprecated

๐Ÿ›‘ - The plugins below offer functionalities that are now fully or partially implemented in Tailwind CSS.


Legend: ๐ŸŒ Accessible online ยท ๐Ÿ”ผ Conversion or upgrade tool ยท ๐Ÿ”ง Generator ยท ๐Ÿ…ฐ Typing/enforcement ยท ๐Ÿ’ผ Plugins/Tools/Extensions for external services ยท ๐ŸŽจ Color-related ยท ๐Ÿš€ Framework

UI Libraries, Components & Templates

Legend: ๐Ÿ’™ Official resource ยท ๐Ÿ“š Library ยท ๐Ÿงฉ Components ยท ๐Ÿ“ Templates

Starters & Themes

Legend: ๐Ÿ’ผ Package ยท ๐Ÿ“Ÿ Command line tool/generator ยท ๐Ÿš€ Cloneable

Open-Source Projects


Legend: ๐Ÿ’™ Official resource ยท ๐Ÿงช Sample ยท ๐Ÿ”ง Setup Tutorial ยท ๐ŸŽฌ Video Tutorial ยท ๐ŸŽ“ Component or Page Tutorial ยท ๐ŸŽฅ Cast


Contributions welcome! Read the contribution guidelines first.