Tailwind CSS

Curated collection of 84 open source UI libraries and design engineering components for Tailwind CSS. Explore component lists, live previews and code repos.

Looseleaf — Hand-drawn React components and shadcn registry where every surface is paper.

LooseleafCollections

Hand-drawn React components and shadcn registry where every surface is paper.

Prestige UI — Animated React components and full-page blocks built with Tailwind CSS and Motion.

Prestige UICollections

Animated React components and full-page blocks built with Tailwind CSS and Motion.

Nexvyn UI — Animated React components with spring physics built on shadcn/ui and Motion.

Nexvyn UICollections

Animated React components with spring physics built on shadcn/ui and Motion.

SortUI — Production-grade design system on shadcn/ui with Figma sync and AI components.

SortUICollections

Production-grade design system on shadcn/ui with Figma sync and AI components.

AlignUI — Production-ready Tailwind and Radix UI components with copy-paste CLI.

AlignUICollections

Production-ready Tailwind and Radix UI components with copy-paste CLI.

EasyUI — Over 130 production-ready animated React components with shadcn registry support.

EasyUICollections

Over 130 production-ready animated React components with shadcn registry support.

PaceUI — Animated React blocks and crafts for Next.js and TanStack Start with Motion.

PaceUICollections

Animated React blocks and crafts for Next.js and TanStack Start with Motion.

HextaUI — React components and blocks on shadcn/ui and Base UI with built-in motion and states.

HextaUICollections

React components and blocks on shadcn/ui and Base UI with built-in motion and states.

Arc UI — Open-source React components and blocks with calm, polished built-in motion.

Arc UICollections

Open-source React components and blocks with calm, polished built-in motion.

Planes — A high-craft React interaction and motion layer tailored for modern design workflows.

PlanesCollections

A high-craft React interaction and motion layer tailored for modern design workflows.

Skecher UI — Polished React motion components and micro-interactions built for the shadcn CLI.

Skecher UICollections

Polished React motion components and micro-interactions built for the shadcn CLI.

Space UI — Interactive React components, WebGL shaders, and high-conversion landing blocks.

Space UICollections

Interactive React components, WebGL shaders, and high-conversion landing blocks.

CodedVisuals — Copy-paste animated illustrations and landing visuals for React and shadcn/ui.

CodedVisualsCollections

Copy-paste animated illustrations and landing visuals for React and shadcn/ui.

mapcn — Composable React map components built on MapLibre GL and styled with Tailwind CSS.

mapcnData Viz

Composable React map components built on MapLibre GL and styled with Tailwind CSS.

PanelUI — Accessible React Native and Expo component library styled with Tailwind CSS.

PanelUICollections

Accessible React Native and Expo component library styled with Tailwind CSS.

AICSS — Crafted UI components for AI agents: thinking states, tool calls, and streaming text.

AICSSCollections

Crafted UI components for AI agents: thinking states, tool calls, and streaming text.

MicroKit UI — Copy-paste microinteractions and subtle UI animations for React and Tailwind.

MicroKit UICollections

Copy-paste microinteractions and subtle UI animations for React and Tailwind.

Sakani — Open-source React design system with 114+ accessible components matching Figma 1:1.

SakaniCollections

Open-source React design system with 114+ accessible components matching Figma 1:1.

21st.dev — Community registry for shadcn components, motion primitives, and full blocks.

21st.devCollections

Community registry for shadcn components, motion primitives, and full blocks.

8bitcn — Retro 8-bit pixel art style UI components built on top of shadcn/ui.

8bitcnCollections

Retro 8-bit pixel art style UI components built on top of shadcn/ui.

Aceternity UI — Trending copy-paste animated components and hero sections for modern web.

Aceternity UICollections

Trending copy-paste animated components and hero sections for modern web.

Amicro — Lightweight drop-in React micro-animation primitives for clickable elements.

AmicroCollections

Lightweight drop-in React micro-animation primitives for clickable elements.

Animate UI — Accessible shadcn UI components beautifully animated with Motion and CSS.

Animate UICollections

Accessible shadcn UI components beautifully animated with Motion and CSS.

Base CN — Base UI component primitives adapted for the shadcn copy-paste CLI format.

Base CNCollections

Base UI component primitives adapted for the shadcn copy-paste CLI format.

Bearnie — Component collection and landing page blocks designed for Astro and Tailwind.

BearnieCollections

Component collection and landing page blocks designed for Astro and Tailwind.

blocks.so — Open-source website blocks and components installable directly via shadcn CLI.

blocks.soCollections

Open-source website blocks and components installable directly via shadcn CLI.

Butter Nav — Mega-menu featuring fluid layout morphing transitions and silky physics.

Butter NavCollections

Mega-menu featuring fluid layout morphing transitions and silky physics.

coss ui — Accessible copy-paste UI components built on top of Base UI and Tailwind CSS.

coss uiCollections

Accessible copy-paste UI components built on top of Base UI and Tailwind CSS.

Cult UI — Curated animated React components crafted with Framer Motion and Tailwind.

Cult UICollections

Curated animated React components crafted with Framer Motion and Tailwind.

daisyUI — Most popular component class library for Tailwind CSS with deep semantic theme support.

daisyUICollections

Most popular component class library for Tailwind CSS with deep semantic theme support.

Easy UI — Over 50 ready-to-use high-converting website templates and UI components.

Easy UICollections

Over 50 ready-to-use high-converting website templates and UI components.

editorcn — Headless rich text editor components for React, built on Tiptap and shadcn.

editorcnFiles & Code

Headless rich text editor components for React, built on Tiptap and shadcn.

Eldora UI — Animated React components and interactive hero sections tailored for startups.

Eldora UICollections

Animated React components and interactive hero sections tailored for startups.

Evil Buttons — Interactive, tactile, and expressive button components crafted for modern apps.

Evil ButtonsInput Controls

Interactive, tactile, and expressive button components crafted for modern apps.

Evil Charts — Animated SVG charts designed specifically for shadcn/ui with minimal weight.

Evil ChartsData Viz

Animated SVG charts designed specifically for shadcn/ui with minimal weight.

Fancy Components — Playful and physics-driven React components to bring joyful motion to the web.

Fancy ComponentsCollections

Playful and physics-driven React components to bring joyful motion to the web.

Float UI — Modern, clean Tailwind CSS and React components crafted for marketing sites.

Float UICollections

Modern, clean Tailwind CSS and React components crafted for marketing sites.

Flowbite — Ecosystem of open-source UI components built with Tailwind CSS utility classes.

FlowbiteCollections

Ecosystem of open-source UI components built with Tailwind CSS utility classes.

FlyonUI — Semantic, accessible Tailwind CSS component library ready for Tailwind v4.

FlyonUICollections

Semantic, accessible Tailwind CSS component library ready for Tailwind v4.

Forge UI — Animated React and Tailwind UI components and blocks compatible with shadcn/ui.

Forge UICollections

Animated React and Tailwind UI components and blocks compatible with shadcn/ui.

Great UI — Copy-paste React and Tailwind CSS components built with accessible mechanics.

Great UICollections

Copy-paste React and Tailwind CSS components built with accessible mechanics.

Headless UI — Completely unstyled, fully accessible UI components from the Tailwind Labs team.

Headless UICollections

Completely unstyled, fully accessible UI components from the Tailwind Labs team.

HeroUI — Beautiful, fast and modern React UI library, formerly known as NextUI.

HeroUICollections

Beautiful, fast and modern React UI library, formerly known as NextUI.

HyperUI — Free open-source Tailwind CSS components for marketing, ecommerce and app UI.

HyperUICollections

Free open-source Tailwind CSS components for marketing, ecommerce and app UI.

Kibo UI — Component registry tailored for AI interfaces, chat experiences, and workflows.

Kibo UICollections

Component registry tailored for AI interfaces, chat experiences, and workflows.

Kokonut UI — Creative interactive components for React and Tailwind in shadcn format.

Kokonut UICollections

Creative interactive components for React and Tailwind in shadcn format.

Lightswind — Tailwind CSS components featuring ambient lighting, neon glows, and dark aesthetics.

LightswindCollections

Tailwind CSS components featuring ambient lighting, neon glows, and dark aesthetics.

Magic UI — Over 150 animated components crafted for landing pages and modern products.

Magic UICollections

Over 150 animated components crafted for landing pages and modern products.

Meraki UI — Responsive Tailwind CSS components featuring full right-to-left language support.

Meraki UICollections

Responsive Tailwind CSS components featuring full right-to-left language support.

Motion Primitives — Advanced motion and interactive components built with Motion and Tailwind CSS.

Motion PrimitivesCollections

Advanced motion and interactive components built with Motion and Tailwind CSS.

Nex UI — Extensible and accessible component library designed for modern web startups.

Nex UICollections

Extensible and accessible component library designed for modern web startups.

Ninja UI — Lightweight and modular UI components engineered for maximum website performance.

Ninja UICollections

Lightweight and modular UI components engineered for maximum website performance.

Odyssey UI — Animated React components built on shadcn/ui and Framer Motion for SaaS.

Odyssey UICollections

Animated React components built on shadcn/ui and Framer Motion for SaaS.

Preline UI — Open-source Tailwind CSS components tailored for complex SaaS dashboards.

Preline UICollections

Open-source Tailwind CSS components tailored for complex SaaS dashboards.

Prompt Kit — Chat and AI interface component primitives for building natural conversational apps.

Prompt KitCollections

Chat and AI interface component primitives for building natural conversational apps.

Re UI — Accessible and customizable UI components built using Base UI primitives.

Re UICollections

Accessible and customizable UI components built using Base UI primitives.

Reverse UI — Creative React and Tailwind CSS components built with playful micro-interactions.

Reverse UICollections

Creative React and Tailwind CSS components built with playful micro-interactions.

Rewamp UI — A copy-paste React component collection built with Motion, Tailwind CSS, and Three.js.

Rewamp UICollections

A copy-paste React component collection built with Motion, Tailwind CSS, and Three.js.

Ruru UI — Accessible and customizable UI components engineered for polished React apps.

Ruru UICollections

Accessible and customizable UI components engineered for polished React apps.

Sera UI — Minimalist React components designed for effortless shadcn CLI integration.

Sera UICollections

Minimalist React components designed for effortless shadcn CLI integration.

shadcn/ui — Beautifully designed components that you can copy and paste into your apps.

shadcn/uiCollections

Beautifully designed components that you can copy and paste into your apps.

shadcnblocks — Comprehensive library of ready-to-use shadcn website blocks and UI sections.

shadcnblocksCollections

Comprehensive library of ready-to-use shadcn website blocks and UI sections.

Skiper UI — Animated UI primitives and motion widgets designed for modern Tailwind CSS.

Skiper UICollections

Animated UI primitives and motion widgets designed for modern Tailwind CSS.

Smooth UI — Motion-heavy React components ready to copy and paste for silky user interfaces.

Smooth UICollections

Motion-heavy React components ready to copy and paste for silky user interfaces.

Sona UI — Animated React components designed for developer ownership and fluid aesthetics.

Sona UICollections

Animated React components designed for developer ownership and fluid aesthetics.

startercn — Comprehensive shadcn/ui registry template with docs, landing page, and AI agent support.

startercnCollections

Comprehensive shadcn/ui registry template with docs, landing page, and AI agent support.

Syntax UI — Animated copy-paste components and creative interactions for landing pages.

Syntax UICollections

Animated copy-paste components and creative interactions for landing pages.

Tailark — Handcrafted Tailwind CSS marketing sections and blocks for SaaS landing pages.

TailarkCollections

Handcrafted Tailwind CSS marketing sections and blocks for SaaS landing pages.

TailGrids — Extensive library of responsive, beautifully crafted UI blocks for Tailwind.

TailGridsCollections

Extensive library of responsive, beautifully crafted UI blocks for Tailwind.

Tremor — Modular React component library built on Tailwind CSS for dashboards and charts.

TremorData Viz

Modular React component library built on Tailwind CSS for dashboards and charts.

UI Layouts — Full-page layouts, hero sections, and interactive headers built with Tailwind.

UI LayoutsCollections

Full-page layouts, hero sections, and interactive headers built with Tailwind.

unlumen UI — Minimalist, dark-mode first React component library installable via CLI.

unlumen UICollections

Minimalist, dark-mode first React component library installable via CLI.

Velora UI — Free Tailwind CSS components and sections designed for rapid web prototyping.

Velora UICollections

Free Tailwind CSS components and sections designed for rapid web prototyping.

Vengeance UI — Animated React components featuring kinetic scroll interactions and bold motion.

Vengeance UICollections

Animated React components featuring kinetic scroll interactions and bold motion.

Watermelon UI — Fresh, colorful React component collection expanding the shadcn ecosystem.

Watermelon UICollections

Fresh, colorful React component collection expanding the shadcn ecosystem.

ObsidianUI — A collection of creative animated React components built with Motion and Tailwind CSS.

ObsidianUICollections

A collection of creative animated React components built with Motion and Tailwind CSS.

Dither Kit — Composable dithered charts and components for shadcn/ui on a tiny canvas engine.

Dither KitData Viz

Composable dithered charts and components for shadcn/ui on a tiny canvas engine.

Rare UI — A curated registry of rare animated React components built with Motion and shadcn.

Rare UICollections

A curated registry of rare animated React components built with Motion and shadcn.

React Bits — Over 200 animated React components, interactive backgrounds, and creative text effects.

React BitsCollections

Over 200 animated React components, interactive backgrounds, and creative text effects.

Spectrum UI — Open-source, animation-ready React components and blocks built with Next.js, Tailwind CSS, Motion, TypeScript, and shadcn/ui for SaaS and AI apps.

Spectrum UICollections

Open-source, animation-ready React components and blocks built with Next.js, Tailwind CSS, Motion, TypeScript, and shadcn/ui for SaaS and AI apps.

Opensource UI — A free UI library for React and Next.js — 200+ MIT-licensed copy-paste components, Tailwind CSS blocks, iPhone and MacBook mockups.

Opensource UICollections

A free UI library for React and Next.js — 200+ MIT-licensed copy-paste components, Tailwind CSS blocks, iPhone and MacBook mockups.

Stepwise UI — A growing collection of React components for building modern products. Arrives as source code you can read, edit, and make your own with your coding agent.

Stepwise UICollections

A growing collection of React components for building modern products. Arrives as source code you can read, edit, and make your own with your coding agent.

Spell UI — Beautiful, sophisticated UI components designed for modern React and Tailwind CSS applications.

Spell UICollections

Beautiful, sophisticated UI components designed for modern React and Tailwind CSS applications.

beUI — Free, open-source animated components for React and Next.js, built with Motion and Tailwind CSS. Copy the source or install with the shadcn CLI.

beUICollections

Free, open-source animated components for React and Next.js, built with Motion and Tailwind CSS. Copy the source or install with the shadcn CLI.