Tailwind component libraries
Tailwind won the styling argument for a large part of the front end, and a whole tier of component libraries now assumes it. The practical benefit is that theming stays in one config: change your palette or spacing scale and the components follow, with no styling runtime shipped. The catch is lock-in of a different kind. Drop Tailwind later and these components stop looking like anything.
23 listings
Kibo UI
Complex composable components built for shadcn/ui.
- Documentation
- www.kibo-ui.com
- GitHub stars
- 3,908
- Accessibility
- WAI-ARIA compliant
Motion Primitives
Composable motion building blocks for React and Tailwind.
- Maintenance
- Beta
- Documentation
- motion-primitives.com
- Distribution
- Copy-paste source
Cult UI
shadcn-compatible components plus 92+ AI agent patterns.
- Documentation
- www.cult-ui.com
- GitHub stars
- 6,050
- Accessibility
- Partial
Franken UI
The shadcn look on UIkit 3 and LitElement.
- Ecosystem
- Framework agnostic, Web Components
- Documentation
- franken-ui.dev
- GitHub stars
- 2,603
Basecoat
The shadcn/ui look for any stack, no React required.
- Documentation
- basecoatui.com
- GitHub stars
- 4,249
- TypeScript
- No
Origin UI
Hundreds of shadcn-compatible React and Tailwind variants.
- Documentation
- originui.com
- Distribution
- Copy-paste source
- Accessibility
- Partial
React Bits
165+ animated React components in four variants.
- Documentation
- www.reactbits.dev
- GitHub stars
- 45,869
- MCP server
- Yes
Preline UI
Tailwind components as plain HTML.
- Documentation
- preline.co
- TypeScript
- No
- Ecosystem
- Framework agnostic, React+1
Tailark
Tailwind blocks for landing pages.
- Ecosystem
- React, Vue+1
- Accessibility
- Not documented
- Distribution
- CLI registry
Aceternity UI
Animated Tailwind components for marketing pages.
- Documentation
- ui.aceternity.com
- React Server Components
- No
- Distribution
- Copy-paste source
shadcn-vue
shadcn/ui for Vue, built on Reka UI.
- Documentation
- www.shadcn-vue.com
- Ecosystem
- Vue
- MCP server
- Yes
shadcn-svelte
shadcn/ui for Svelte, built on Bits UI.
- Documentation
- shadcn-svelte.com
- Ecosystem
- Svelte
- Accessibility
- WAI-ARIA compliant
Align UI
React and Tailwind components with a paired Figma kit.
- Distribution
- Copy-paste source
- Figma kit
- Yes
- Accessibility
- Not documented
Untitled UI React
A very large open-source React and Tailwind component set.
- Documentation
- www.untitledui.com
- MCP server
- Yes
- Figma kit
- Yes
Nuxt UI
The official component library for Nuxt and Vue.
- Documentation
- ui.nuxt.com
- Figma kit
- No
- Ecosystem
- Vue
Tailwind Plus
The Tailwind team's paid component and template library.
- License
- Commercial
- Pricing
- Paid
- Figma kit
- No
Magic UI
Animated components for landing pages.
- Documentation
- magicui.design
- React Server Components
- No
- Pricing
- Freemium
Flowbite
Tailwind components and blocks.
- Documentation
- flowbite.com
- Ecosystem
- Framework agnostic, React+3
- Figma kit
- Yes
daisyUI
Semantic component classes for Tailwind.
- Documentation
- daisyui.com
- TypeScript
- No
- GitHub stars
- 42,046
The utility-first CSS framework.
- Documentation
- tailwindcss.com
- GitHub stars
- 97,198
- TypeScript
- No
Skeleton
A Svelte and Tailwind UI toolkit.
- Documentation
- www.skeleton.dev
- Ecosystem
- Svelte, React
- GitHub stars
- 6,039
HeroUI
Tailwind components built on React Aria.
- Documentation
- www.heroui.com
- React Server Components
- No
- MCP server
- Yes
shadcn/ui
Components you copy into your codebase and own.
- React Server Components
- Yes
- Documentation
- ui.shadcn.com
- GitHub stars
- 121,095