aniftyco/awesome-tailwindcss

Awesome Tailwind CSS is a curated list of resources for people who use Tailwind CSS. Tailwind CSS is a popular utility-first CSS framework, which means instead of writing custom CSS rules you compose pages by stringing together many tiny class names like text-lg or bg-blue-500. The repository itself is not code, just a single README.md that links out to other projects and websites grouped under five headings. The first group, Useful links, points to official resources from the Tailwind team: the main website, the Tailwind Plus paid product, the Headless UI components, the Heroicons set, the online playground at play.tailwindcss.com, and the official Discord. The IDE extensions group lists editor plugins that add autocomplete, sorting, and linting for Tailwind classes inside VS Code, Visual Studio 2022, and Emacs. The Tools group is the largest by category and uses small emoji legends to mark items as online tools, browser extensions, conversion or upgrade tools, generators, color tools, framework plugins, or full frameworks. Examples include color palette generators such as UI colors and TailwindInk, class sorters like RustyWind, the Prettier plugin from the Tailwind team, integrations such as the Nuxt and Rails packages, NativeWind for using Tailwind in React Native, and tools that visualize or transform Tailwind configs. The UI libraries, components and templates section lists places where you can copy ready-made components or whole site templates, including shadcn UI, daisyUI, Flowbite, Preline UI, Tremor for dashboards, and many admin templates. A final Plugins section lists third-party Tailwind plugins. The README badges show that it follows the conventions of the Awesome list family curated by sindresorhus, with a linting workflow to keep entries consistent.