12,000+ hand-crafted React and Tailwind CSS components, templates, and shadcn themes you can preview live and install with one command.
ReactTailwindDesign Systems+3
21st.dev
Tailwind CSS
tailwindcss.com
The utility-first CSS framework: composable classes like flex and pt-4 build any design directly in your markup, no context switching.
What is Tailwind CSS?
Tailwind CSS ships low-level utility classes that compose into any design without leaving your HTML, a model that has made it the default styling layer for much of the modern web. The site documents the framework in depth, offers a browser playground, and maintains a showcase of real-world sites. The v4.x line keeps pushing the framework closer to modern CSS, including oklch colors and lighter defaults.
Best for
- Styling sites without writing custom CSS
- Design systems built on utility classes
- Teams keeping markup and styles together
Key features
- Utility-first classes composed in markup
- Comprehensive docs and Play playground
- Showcase of real-world Tailwind sites
- v4.x with oklch colors and modern CSS
Related resources
21st.dev
HeroUI v3 (formerly NextUI) — accessible React and React Native components built on React Aria and Tailwind CSS v4, with 27.7k GitHub stars.
ReactTailwindOpen Source+2
heroui.com
A premium set of 2,150+ extra blocks, 2,151 components and 21 templates for shadcn/ui, Tailwind and React — copy-paste or install via the shadcn CLI.
ReactTailwindDesign Systems+1
shadcnblocks.com