Tailwind Resources

Tailwind is a utility-first CSS framework with classes that can be composed to build any design, directly in your markup. This repository intends to gather useful resources to learn and develop beautiful websites using Tailwind.

Main website: https://tailwindcss.com/

UI libraries

Sometimes we want a head start with our Tailwind development. This list provides resources to UI libraries build on top of Tailwind.

• daisyUI, https://daisyui.com/
• Flowbite, https://flowbite.com/
• HyperUI, https://www.hyperui.dev/
• tailwindUI, https://tailwindui.com/
• tailwind components, https://tailwindcomponents.com/
• NativeWind (React Native), https://www.nativewind.dev/
• Tailblocks, https://tailblocks.cc/
• XtendUI, https://xtendui.com/
• FloatUI, https://floatui.com/
• Tailwind Widgets, https://tailwindwidgets.com/
• MambaUI, https://mambaui.com/
• Kitwind, https://kitwind.io/
• Kutty, https://kutty.netlify.app/
• RippleUI, https://www.ripple-ui.com/

Headless components

If you don't want a full fledged UI library, you might try a headless UI package. These resources contain unstyled, accessible components that are tricky to build from scratch, with great Tailwind integrations.

• headlessUI, https://headlessui.com/
• Radix with Tailwind plugin, https://www.radix-ui.com & https://www.npmjs.com/package/tailwindcss-radix

Learn

The Tailwind documentation is great, but sometimes you want more resources to learn and improve your knowledge with Tailwind.

• Tailwind Labs, https://www.youtube.com/c/TailwindLabs
• ProTailwind, https://www.protailwind.com/
• RefactoringUI, https://www.refactoringui.com/

Tools

Helper tools, playground, animations, gradient generators, etc.

• Playground, https://play.tailwindcss.com/
• CSS-to-Tailwind converter, https://tailwind-converter.netlify.app/
• Color gradient playground, https://gradient-designer.csspost.com/
• Hypercolor (more Tailwind color gradients), https://hypercolor.dev/
• Tailanimista, https://tail-animista.vercel.app/
• Tailwind CSS Cheat Sheet(v4 and v3), https://kombai.com/tailwind/cheat-sheet/