The "Awesome Tailwind CSS" project is a comprehensive repository of resources dedicated to using Tailwind CSS, a utility-first CSS framework for building custom user interfaces rapidly. This curated list includes official documentation, IDE extensions, tools, UI libraries, components, and plugins, providing valuable aids for developers of all skill levels. With resources for design inspiration and development support, the project fosters a vibrant community around Tailwind CSS. Whether you’re searching for components or enhancing your workflow, this collection serves as a go-to guide for maximizing the potential of Tailwind CSS.
Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.
Completely unstyled, fully accessible UI components designed to integrate beautifully with Tailwind CSS.
A Prettier plugin that automatically sorts Tailwind CSS classes based on the recommended class order.
A CLI tool for automatically sorting and organizing Tailwind CSS classes in your project files.
Converts Tailwind CSS classes to inline styles for email-ready HTML templates.
A Nuxt module that seamlessly integrates Tailwind CSS into Nuxt applications with zero configuration.
A Ruby gem that integrates Tailwind CSS with the Rails asset pipeline, providing a seamless workflow for utility-first CSS in Rails applications.
A local UI tool for visualizing your Tailwind CSS configuration file during development.
A frontend library of Tailwind CSS components enhanced with vanilla JavaScript for building interfaces with advanced interactions and animations.
A free, open-source component library for Tailwind CSS with customizable, accessible UI components.
A Tailwind CSS datepicker built with vanilla JavaScript, part of the Flowbite component library.
A free Vue.js 3.x and Tailwind CSS 4.x admin dashboard template with dark mode, Vite builds, and Laravel/Nuxt integrations.
A free React Next.js admin dashboard template built with Tailwind CSS 4.x, TypeScript, and dark mode.
A free and open-source admin dashboard template built with Tailwind CSS and the Flowbite component library.
An opinionated Astro starter theme for creating accessible, SEO-friendly blogs and websites with built-in search and webmentions.
A minimal, responsive, single-author blog theme for Astro.js with built-in SEO, RSS, and image optimization.
A minimal, responsive single-author blog and portfolio theme for Astro.js with dark/light mode and SEO features.
A Tailwind CSS plugin that adds beautiful typographic defaults to vanilla HTML from Markdown or CMS content.
A Tailwind CSS plugin that resets form element styles to be easily customizable with utility classes.
An unopinionated, scalable Tailwind CSS plugin for theming via CSS variables with automatic variants and unlimited themes.
A Tailwind CSS plugin that generates Bootstrap v5's flexbox grid system as utility classes.
Tailwind CSS plugin that generates utility classes for trimming whitespace above and below capital letters using Capsize.
A Tailwind CSS plugin that hides scrollbars while maintaining scroll functionality.
A Tailwind CSS plugin that provides fluid scaling utilities using CSS clamp() for responsive designs.
A Tailwind CSS plugin that displays the currently active responsive breakpoint on screen for debugging.