Awesome Tailwind CSS
Tailwind CSS is a utility-first CSS framework for rapidly building custom user interfaces.
Contents
Useful links
Legend: 馃挋 Official resource
- 馃挋 Website - Official Tailwind CSS website.
- 馃挋 Repository - Official Tailwind CSS repository.
- 馃挋 Tailwind Plus - UI blocks, templates, and a UI kit by the Tailwind CSS team.
- 馃挋 Headless UI - Completely unstyled, fully accessible UI components.
- 馃挋 Heroicons - Beautiful, hand-crafted SVG icons.
- 馃挋 Play - Advanced online playground for Tailwind CSS.
- 馃挋 Discord - Official Discord server to connect with other community members about Tailwind CSS.
- Tailwind Weekly - Weekly newsletter about all things Tailwind CSS.
IDE extensions
Legend: 馃挋 Official resource
- 馃挋 Intellisense for Code - Provides IntelliSense in Visual Studio Code.
- LSP support for Emacs - LSP support for Emacs.
- Editor support for VS2022 - IntelliSense, linting, sorting, and more in Visual Studio 2022.
Tools
Legend: 馃實 Accessible online 路 馃寪 Browser extension 路 馃敿 Conversion or upgrade tool 路 馃敡 Generator 路 馃叞 Typing/enforcement 路 馃捈 Plugins/Tools/Extensions for external services 路 馃帹 Color-related 路 馃殌 Framework
- 馃挋馃捈 Prettier plugin - Official Tailwind CSS plugin for Prettier.
- 馃帹馃實馃敡 UI colors - Color palette generator for Tailwind CSS.
- 馃帹馃實馃敡 Tailwind Color Shades - Color shades generator for Tailwind CSS.
- 馃帹馃實馃敡 TailwindInk - AI palette generator, trained with the Tailwind CSS palette.
- 馃帹馃實馃敡 Hypercolor - Collection of Tailwind CSS gradients with directional options.
- 馃帹馃實馃敡 Tints - Color palette generator and API for Tailwind CSS.
- 馃帹馃實馃敡 Fullwind CSS - Extend Tailwind CSS color palettes with additional shades.
- 馃帹馃實馃敡 Inclusive colors - Create fine-tuned WCAG accessible Tailwind CSS color palettes.
- 馃敿馃實 Prefixer - Tailwind classes' prefixer tool.
- 馃敿 RustyWind - CLI tool for sorting Tailwind CSS classes.
- 馃殌 Maizzle - Framework for rapid email prototyping with Tailwind CSS.
- 馃捈 @nuxtjs/tailwindcss - Tailwind CSS module for NuxtJS with PurgeCSS and modern CSS (preset env 1).
- 馃捈 tailwindcss-rails - Gem for using Tailwind CSS with Rails' asset pipeline.
- 馃捈 Config viewer - Local UI tool for visualizing your Tailwind CSS configuration file.
- 馃捈 Raycast extension - Search classes, documentation and colors in Raycast Launcher.
- 馃捈 NativeWind - NativeWind uses Tailwind CSS as scripting language to create a universal style system for React Native.
- 馃寪 Gimli Tailwind - Smart tools for Tailwind CSS as a browser extension.
- 馃寪 CSS Variables Editor - AI-powered Chrome extension for managing colors in daisyUI and shadcn/ui.
- 馃寪 DivMagic - Copy any web element and style as Tailwind CSS component.
UI libraries, components & templates
Legend: 馃挋 Official resource 路 馃摎 UI library 路 馃З Copy-pastable components 路 馃搧 Full templates
- 馃挋馃З Tailwind UI - Component library made with Tailwind CSS.
- 馃挋馃摎 Headless UI - Completely unstyled, fully accessible UI components.