awesome-tailwindcss
github.com/aniftyco/awesome-tailwindcss ↗😎 Awesome things related to Tailwind CSS
Use this list with your AI agent
Add the Context Awesome MCP server to Claude, Cursor, or any MCP client, then ask:
"Show me ui libraries, components & templates resources from awesome-tailwindcss"
Installation instructions →What's inside
UI libraries, components & templates
- 8bitcn UI
Re-usable retro components built using Shadcn UI and Tailwind CSS.
- Admin One React
Free React.js Tailwind CSS admin template with Next.js & TypeScript.
- Admin One Vue 3
Free Vue.js 3 Tailwind CSS admin template with Vite & Vue CLI support.
- Astro Template Cactus
Tailwind CSS Astro starter template.
- Astro Template Dante
Tailwind CSS & Astro blog/portfolio template.
- Astro Template Ovidius
Tailwind CSS & Astro blog template.
Tools
- Base-2 Rounding
Spacing and sizing value picker for Tailwind CSS v4's bracketless arbitrary values.
- Config viewer
Local UI tool for visualizing your Tailwind CSS configuration file.
- 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.
- FreeColorPalettes.co
Generates a 50–950 Tailwind CSS color scale from any hex color.
- Fullwind CSS
Extend Tailwind CSS color palettes with additional shades.
Plugins
- Bootstrap grid
Generates Bootstrap's style flexbox grid system.
- Debug screens
Adds a component that shows the currently active screen (responsive breakpoint).
- Dot & grid backgrounds
Adds
- Fluid
Adds fluid
- Forms
Adds better default styles to form elements.
- Leading Trim
Adds utilities to trim text whitespace, using
Useful links
- Discord
Official Discord server to connect with other community members about Tailwind CSS.
- Headless UI
Completely unstyled, fully accessible UI components.
- Heroicons
Beautiful, hand-crafted SVG icons.
- Play
Advanced online playground for Tailwind CSS.
- Repository
Official Tailwind CSS repository.
- Tailwind Plus
UI blocks, templates, and a UI kit by the Tailwind CSS team.
IDE extensions
- Editor support for VS2022
IntelliSense, linting, sorting, and more in Visual Studio 2022.
- Intellisense for Code
Provides IntelliSense in Visual Studio Code.
- LSP support for Emacs
Provides IntelliSense in Emacs.
Showing a sample of 70 resources. View the full list on GitHub →