Find the right shadcn/ui component

Puffy, pastel claymorphism components and app blocks for React, built with Tailwind CSS v4 and Radix UI.

Opinionated components for shippers.

Free, production-ready UI blocks for marketing pages and application dashboards, built on Base UI and installable with the shadcn CLI.

A set of 8-bit styled retro components. Works with your favorite frameworks. Open Source. Open Code.

A set of beautifully designed components designed for developers who want niche, high-utility UI elements that you won't find in standard libraries.

A shadcn-compatible registry of reusable components, blocks, and utilities conforming to Vercel's components.build specification

A modern component library built with Tailwind CSS and Motion for React, Aceternity UI contains unique and interactive components that can make your landing pages look 100x better.

A small collection of focused, production‑ready components and primitives for React/Next.js projects—built on shadcn/ui and complementary libraries.

A complete terminal UI system for shadcn with Base UI components, terminal-specific building blocks, and eight phosphor color themes.

Production-ready agents, made simple. Ready to use, customizable AI agent recipes. Built on Eve and Flue.

This is a shadcn/ui component registry that distributes copy-paste React components for building LiveKit AI Agent interfaces.

Pre-built components like conversations, messages and more to help you build AI-native applications faster.

Agent-native design system for the shadcn CLI: 51 base components with a full variant, tone and size matrix on an OKLCH token layer, plus 307 styled variations. MIT.

Animated React components with AI reproduction prompts, alongside full design systems and templates. Install via CLI or aicanvas MCP, compatible with Claude Code, Codex, and Cursor.

Enterprises and developers use Algolia's AI search infrastructure to understand users and show them what they're looking for.

A fully animated, open-source React component distribution. Browse a list of animated primitives, components and icons you can install and use in your projects.

AnimBits is a collection animated UI components for React that use Framer Motion. The components provided include buttons, cards, text, icons, lists, loaders, and page transitions, animation hooks all of which have general-purpose effects that are not flashy and easy on the eyes, making them easy to use.

Approval workflow components for React Flow: quorum gates, amount thresholds, a policy lint (segregation of duties, single approver on high value), and plain-language editing behind a human review gate.

Animated, accessible UI components built with React and Tailwind CSS.

Clean, beautiful, and simple UI primitives and AI elements.

Radix-style React primitives for AI chat with adapters for AI SDK, LangGraph, Mastra, and custom backends.

A WebGL and Motion system for React that runs many effects on one shared canvas. Shader, cursor, scroll and text effects, 3D galleries, plus page transitions for Next.js. Built with Three.js, React Three Fiber, Motion, and Lenis smooth scroll.

Dark-first React / Next.js components and marketing blocks. Install with the shadcn CLI and own the source.

Official Auth0 Universal Components for Web. Accelerate development with pre-built, embeddable UI for enterprise SSO, MFA, and organization management

A simple braille-inspired loader components for shadcn/ui.

Beautifully crafted shadcn/ui components powered by Base UI

A collection of components built on React Aria, Tailwind CSS, and tailwind-variants.

Turn any logo into an animated Ben-Day dot field: a thinking indicator for AI and agent interfaces, baked from your own mark.

Production-ready UI blocks for landing pages, dashboards, and web apps.

Simple and easy file uploads for React. Upload directly to any S3-compatible service with minimal setup.

Bespoke motion components for React. Copy-paste components with shadcn-compatible installs, Tailwind CSS v4, and Motion.

BillingSDK is an open-source React and Next.js component library for SaaS billing and payments. It offers ready-to-use, customizable components for subscriptions, invoices, usage-based pricing and billing - fully compatible with Dodo Payments and Stripe.

Open-source composable chart components for React — line, area, bar, pie, radar, maps, and more. Built with Visx, Motion, and shadcn/ui.

170+ production-grade shadcn/ui blocks, forged to ship. Full source in TypeScript + Tailwind CSS, plus a page builder and starter pages. Copy, paste, ship.

A set of clean, modern application building blocks for you in your applications. Free and Open Source

Production-ready React blocks built on shadcn/ui and Tailwind — drop them in, swap the copy, ship the page. Heroes, pricing and footer sections crafted by hand.

An open-source registry of accessible React components built on Base UI and Tailwind CSS v4. Install with one command, then own the source.

Neubrutalism component library with 43 components, 42 SVG shapes, thick borders, and hard shadows. Supports React, Vue, and Nuxt. Built on shadcn/ui.

Claude Code, Codex, and Grok interfaces as shadcn components — accessible React terminal-agent UI for docs, demos, and product surfaces.

Production-minded neo-brutalist shadcn components with three configurable flavours, strengths, and radius modes.

A collection of 150+ handcrafted UI components built with Tailwind CSS and shadcn/ui, covering marketing, e-commerce, dashboards, real estate, and more.

Creative html-in-canvas components. React, Vue, Svelte, TS.

A set of beautifully-designed shadcn card components

A collection of beautiful, animated components to elevate your web projects instantly.

Open-source React components for building shopping experiences on the Channel3 product API: search, filters, product detail, offer comparison, and price history.

The easiest way to add authentication and user management to your application. Purpose-built for React, Next.js, Remix, and The Modern Web.

Cnippet UI is a production-ready, curated set of accessible and composable React components—built with Base UI and Tailwind CSS. Copy, paste, and ship stunning interfaces faster.

Adaptive Error Boundaries and graceful fallback UIs (Banners, Modals, Toasts).

Shadcn UI Blocks for Ecommerce websites

Beautiful, interactive React + Tailwind components for modern product UIs.

React components that render Content Blocks: plain Markdown with schema-validated directive blocks. Built for content written by humans, CMSes, and LLMs.

A collection of shadcn-based React components, charts, animated components, and blocks built over time.

A new, modern UI component library built on top of Base UI. Built for developers and AI.

An opinionated component library with curated styling and simplified patterns for common use cases. Built on Base UI and Tailwind CSS 4.

A shadcn registry for AI and media-rich interfaces — streaming LLM chat, zoomable images, swipeable card decks, interactive maps, plus dashboard and landing-page blocks.

A growing collection of design-forward React components by Dave Klein, extracted from the components powering diklein.com.

Opinionated components and tools for building modern AI interfaces.

Production-ready dot-matrix loading components for React, featuring square, circular, and triangle animations with polished motion.

A headless, composable date & date range picker for React. 5 picker types, 15 locales, dark mode, accessible. Zero dependencies.

A collection of beautifully crafted Shadcn/UI blocks, designed to help developers build modern websites with ease.

Beautiful, responsive Shadcn components with frosted glass morphism. Built for modern web applications with full dark mode support.

An open-source, modern UI component library for React, built with TypeScript, Tailwind CSS, and Framer Motion. Eldora UI offers beautifully crafted, reusable components designed for performance and elegance.

Full-stack shadcn/ui components that go beyond UI. Add auth, monetization, uploads, and AI to your app in seconds.

Motion-focused shadcn-compatible components, hooks, and blocks for polished React interfaces.

Installable AI agent recipes for Eve apps, including PR review, data analysis, and workflow automation agents.

EvilCharts is an open-source chart UI website built with shadcn and Recharts, beautifully designed and handcrafted.

A collection of UI components based on the exaBase Design System, built with React and Tailwind CSS.

A collection of UI components for building document agents and human-in-the-loop review workflows.

A collection of beautifully designed UI components for building modern web applications.

Accessible, source-owned flag components for shadcn/ui with 306 flags in SVG, PNG, WebP, and JPEG plus 4:3, 1:1, and original ratios.

Flight routes on interactive maps with great-circle arcs, airport markers, multi-leg journeys, and optional animation, built for mapcn.

Opinionated, accessible components on Base UI and shadcn-style primitives — starting with a Creatable Combobox.

Everyday use react components to make the development flow easier for the devs.

Fluid components used exclusively in service of functional clarity. Proximity hover, spring animations, font-weight transitions, and animated focus rings.

A collection of customizable UI blocks with interactive live previews

Beautifully designed components that you can copy and paste into your apps. Accessible. Customizable. Open Source.

Build production-ready forms with a few clicks using shadcn components and modern tools.

Beautiful videos, made simple. Ready to use, customizable video components for React.

Production-ready UI components designed for building beautiful AI assistants and conversational interfaces, from the team behind GAIA.

Drop-in, themeable browser games for shadcn — Snake, 2048, Minesweeper, and more. Each is a single self-contained file with zero dependencies.

A collection of fully composable components that extend shadcn/ui with a focus on common gamification UI patterns.

Beautifully designed landing page components built with React & Tailwind CSS & Motion.

SolidJS port of shadcn-ui components built with Kobalte primitives. 57+ components with full TypeScript support and Vega theme.

A shadcn-ui compatible registry distributing 40+ glassmorphic React/TypeScript components with Apple-inspired design. Components include enhanced visual effects (glow, shimmer, ripple), theme support, and customizable glassmorphism styling.

A shadcn-compatible registry of glassmorphism components inspired by Apple

Open source component library with animated components, beautiful effects, and custom toast notifications. Built with Radix UI and Tailwind CSS.

AI-native visualization components for LLM projects. Render 26 chart types from vis syntax strings or config objects.

A premium, open source component registry for SEO-friendly, high-performance React applications

A dark, serif, glow-leaning shadcn registry of read-only components for blogs, essays, and long-form reading experiences — inspired by the quiet, candlelit cabaret of Erik Satie's Gymnopédies.

A collection of customisable components to build Home Assistant dashboards.

An open-source collection of 316 beautifully animated heroicons for your projects.

Ready-to-use foundation components/blocks built on top of shadcn/ui.

The components shadcn/ui doesn't ship. A collection of high-utility React components built on top of shadcn/ui.

React UI components, animated interactions, shaders, and charts distributed as editable source.

An open-source collection of animated Hugeicons for React.

Iconiq is a collection of icons designed for web applications. It is a modern, clean, and minimalistic icon set that is perfect for web applications.

High-level composed components for shadcn/ui — kanban, gantt, calendar, media editors, story viewers, flow canvas, forms, and more, each with optional demo fixtures.

UX4G 2.0 design system for India — many accessible React components and an 8-color theme preset for native apps.

batteries-included agent components by inference.sh. chat interfaces with streaming, tool invocation rendering, syntax-highlighted code blocks, markdown renderer, and more.

Accessible React component library to copy, customize, and own your UI.

Copy-paste React micro-interactions: a headless hook plus a styled example in one self-contained file, with motion as the only dependency.

JolyUI is a modern React component library built with TypeScript and Tailwind CSS.

Components including MobileMenu, ScrollArea with gradients, Chat UI, HLSVideoPlayer, and Marquee.

A set of perfect-designed components built on top of React Aria and Motion.

Cleanly designed components purposely built for open-source government portals.

Personal well crafted components for Shadcn ui

Kibo UI is a custom registry of composable, accessible and open source components designed for use with shadcn/ui.

A Figma-like scrub number field for shadcn/ui (base-nova). Digit animation by Calligraph.

Copy-paste, session-gated access blocks for React — PIN/Knock Code unlock screens, protected routes/layouts/modals, a headless useKnockCodes hook, and full-page templates.

Collection of stunning components built with Tailwind CSS, shadcn/ui and Motion to use on your websites.

Carefully crafted landing page components and templates built with React, Shadcn/ui and Tailwind.

A collection of social media components for use with Lens Social Protocol.

Modern UI Library for building media players in React. Powered by Shaka Player.

Liquid Glass components for React: WebGL edge refraction and pointer-driven springs over accessible Base UI primitives. TypeScript, RSC-ready, with an MCP server.

LMS components for building interactive learning experiences — quiz, flashcards, matching, fill-in-the-blank, word scramble, sequencing, reading comprehension, spaced repetition and more.

Spinners, loaders, and loading animations for modern web apps. Free and open-source.

An open-source collection of smooth animated lucide icons for your projects

Composable React components powered by Base UI and Tailwind CSS — Build fast, customize everything.

LyteNyte Grid is a high performance, light weight, headless, React data grid. Our registry provides LyteNyte Grid themed using Tailwind and the Shadcn theme variables.

UI Library for Design Engineers. 150+ free and open-source animated components and effects built with React, Typescript, Tailwind CSS, and Motion. Perfect companion for shadcn/ui.

Agentic UI toolkit for building MCP Apps. Open-source components and blocks ready to use within your chat app.

Beautiful maps, made simple. Ready to use, customizable map components for React. Built on MapLibre. Styled with Tailwind CSS.

Drag-and-drop file upload blocks for React built on react-mediadrop — dropzone, avatar uploader, multi-file upload form, and direct-to-S3 upload.

A personal registry of production-ready ShadCN components and utilities. Everything is built to drop into your existing ShadCN project with no extra setup.

Ark-first React components, blocks, and themes with native CSS, available as a package or a shadcn-compatible copy-owned registry.

Copy-ready React page blocks and motion components with bilingual previews, reduced-motion paths, and shadcn Registry delivery.

Production-ready animated React and Next.js components — accessible, reduced-motion-safe and RSC-safe — installable as editable source with the shadcn CLI. Free and open source.

Components, application blocks, templates, and starter kits for modern React applications.

Design systems measured from real product UIs — color roles, typography and spacing as themes installable with the shadcn CLI. Free open shelf; companion MCP server for AI coding agents.

shadcn-compatible components, blocks, and illustrations that adapt to your existing design configuration.

Pixel-perfect, uniquely crafted.

Production-ready components for agent platforms built on Neon. Database branching, connection strings, usage metering and project management UI, built with Base UI and Tailwind v4.

Motion-native animated components for Next.js — backgrounds, heroes, inputs, carousels, and more. Open source. Copy-ready TypeScript.

Open-source component library of composable, copy-paste primitives for building AI interfaces (chat, streaming, multimodal)

Simple components for your extraordinary creations.

Components for interactive computing notebooks.

Custom parsers, adapters and utilities from the community for type-safe URL state management.

Motion-first shadcn marketing blocks for landing pages — heroes, pricing, FAQs, footers, and more. Built on base-nova with intentional animation and CLI install.

A design focused component library for Next.js, built for speed, flexibility and developer experience.

Beautiful OG images, made simple. Ready to use, customizable Open Graph image components for React.

Web3 components for shadcn apps. Wallet identity, token logos, balances, and market UI primitives for EVM products.

Open-source React and TypeScript tools from OpenMirai.

Hand-crafted, accessible components for building beautiful status pages.

A design system that distributes re-styled components, utilities, and hooks ready to use.

React Aria Components with shadcn characteristics.Copy-and-paste react aria components that run side-by-side with shadcn components.

Carefully built UI blocks for real apps and dashboards, designed to integrate smoothly from early ideas to production releases.

Carefully built UI blocks for real apps and dashboards, designed to integrate smoothly from early ideas to production releases.

Animated GSAP components crafted for smooth interaction and rich detail.

Drop-in components for building checkouts, pricing pages, and subscription management screens using Paddle Billing.

Curated OKLCH color themes for shadcn/ui + visual theme editor with CSS, Tailwind v4, and Figma export.

pastebin + shadcn = pastecn. Paste your code and get a shadcn-compatible registry URL instantly.

Unified payments SDK for builders — handle checkout, billing, and webhooks across Stripe, PayPal, Adyen, and regional gateways with a single integration.

MIT registry of typed Payload CMS blocks for Payload v3 + Next.js. Each block installs as reviewable source; the companion CLI also wires collection config, RenderBlocks, types, and the admin import map.

RTL-first, copy-paste React components and UI blocks for Persian interfaces, built on Base UI and Tailwind CSS. Includes unique Persian-focused patterns with full LTR support.

Playful pixel art style components library built on top of shadcn. Perfect for retro style projects and games.

AI-powered rich text editor for React.

Accessible, production-ready React components built with React Aria Components and Tailwind CSS.

Core building blocks for AI apps. High-quality, accessible, and customizable components for AI interfaces.

Powerful and flexible rich text editor for React, Vue, Preact, Svelte, and SolidJS.

Animated shadcn components powered by GSAP and Framer Motion. Built for expressive UIs.

Typed, accessible, theme-aware React/Tailwind components installable by the shadcn CLI or your AI coding agent. Free atoms plus composed Pro blocks.

A framework-agnostic API client, pluggable storage adapters (LocalStorage, Convex, Supabase, PostgreSQL, MySQL), and React components for generating developer activity reports.

Customizable Tailwind and Vanilla CSS components with adaptive interactions, top-tier accessibility, and internationalization.

A large collection of animated, interactive & fully customizable React components for building memorable websites. From smooth text animations all the way to eye-catching backgrounds, you can find it here.

Vue-style slot composition for React - Fine-grained control over component composition

Production-ready components for Remotion - text animations, backgrounds, transitions, UI blocks, and full scene compositions

Shadcn components rewritten in Rescript, compatible with shadcn CLI.

Document-processing UI components for Retab — file, OCR, and data viewers, schema builders, dropzones, and extraction blocks, built on shadcn/ui.

A Neobrutalism styled React + TailwindCSS UI library for building bold, modern web apps. Perfect for any project using Shadcn/ui.

Roi UI is a library that offers UI components and blocks built with Base UI primitives. Some blocks and components use motion (framer). Everything is open-source and will be forever.

A comprehensive suite of high-fidelity interaction components. It offers motion-driven components that designed with motion-react and tailwindcss, that blends seamlessly.

Free, open-source React components and patterns for AI interfaces, including prompts, streaming messages, reasoning, tool calls, citations, agents, memory, voice, and safety.

ScrollX UI is an open-source React and shadcn-compatible component library for animated, interactive, and customizable user interfaces. It offers motion-driven components that blend seamlessly with modern ShadCN setups.

Own-your-code components rebuilt on Base UI with a motion.dev feel layer — springs, touch feedback, and depth — plus an agent-workbench tier (composer, voice, status, connectors) for AI-era interfaces.

Shadcn Dashboard is a collection of modern, production-ready dashboard layouts, components, and UI patterns built on top of shadcn/ui and Tailwind CSS. It’s designed to help developers build clean, scalable, and data-driven dashboards faster—without compromising on performance, accessibility, or customization.

ShadcnSpace is a collection of extra-ordinary, highly customizable shadcn/ui components, blocks, and themes to build modern UIs with speed and clarity.

Shadcn blocks across standard collections and handcrafted premium collections, plus a beautiful templates. Start free, then unlock more with Pro.

A shadcn/ui registry with 1429 blocks, 1189 component variants, 14 templates, themes, and admin dashboard patterns.

A starter collection of polished shadcn/ui components and blocks built to production standards. Part of a larger Figma + React system designed to scale with your product.

A growing collection of high-quality blocks and themes for shadcn/ui.

A comprehensive React Hooks Collection built with Shadcn.

A public registry of shadcn-inspired animated loaders and loading states.

Beautiful map components powered by pure SVG.

A growing collection of shadcn/ui components, blocks, and templates for building modern web apps.

A collection of premium, production-ready shadcn/ui blocks, components and templates.

Launch your projects faster with admin dashboards, website templates, components, blocks, and pre-built real-world examples.

Brand new uncommon components for your Next.js project. Use with ease through shadcn CLI 3.0, featuring fast-growing components and collections that are easy to edit and use.

A component library to build slide decks using code.

A collection of beautifully crafted motion components built with React, Framer Motion, and TailwindCSS. Designed to elevate microinteractions, each component focuses on smooth animations, subtle feedback, and delightful UX. Perfect for designers and developers who want to add refined motion to their interfaces — copy, paste, and make your UI come alive.

Remotion video components for React. Text reveals, karaoke captions, device mockups, logo stings and full scenes, installed with the CLI and owned as source.

Production-ready and tastefully crafted sections, animated components, and full-page templates for Next.js, Tailwind CSS & Motion

A modern UI component library built with React and TailwindCSS to help you build beautiful and accessible web applications faster.

Motion-first React primitives and animated UI components for shadcn/ui. Copy, customize, and ship fluid interfaces.

Large collection of game, interface, retro, and voice sound effects for web applications

A modern component library built with shadcn/ui and Tailwind CSS. Spectrum UI offers elegant, responsive components and smooth animations designed for high-quality interfaces.

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

A modern, accessible and composable Stepper component for React and Tailwind CSS. Built for shadcn/ui-style workflows with registry-first distribution.

A collection of React components and blocks built on the shadcn/ui library that connect your front-end to your Supabase back-end via a single command.

An open source collection of high quality, animated, interactive & fully customizable Svelte components for building stunning, memorable user interfaces.

UI component library, Designed for flexibility, built for customization, and crafted to scale across variants and use cases.

Shadcn blocks designed for building modern marketing websites.

React UI Components, Powered by Tailwind CSS

Tailwind Builder provides free tailwind admin dashboard templates, components and ui-blocks built with React, Next.js, Tailwind CSS, and shadcn/ui to help you build admin panels quickly and efficiently.

Beautifully designed, accessible components that you can copy and paste into your apps. Made with React Aria Components and Shadcn tokens.

Beautiful terminal UIs, made simple. Ready to use, customizable terminal UI components for React.

Composable, animated map components for React. Built with TypeScript, Tailwind CSS, Mapbox GL JS, and MapLibre GL. Perfect companion for shadcn/ui.

Delightful components for a clean, accessible and modern component library for React Native.

A shadcn/ui registry with EchoText (`echo-text`): layered stroke text that follows the pointer—minimal setup, drop-in component.

A Tron-inspired shadcn/ui theme system with Greek god color schemes, glow intensity levels, and sci-fi components like DataCard, HUD, Radar, and more.

3D scenes for shadcn/ui. Theme-aware React Three Fiber components, one command away.

Documentation-style in-page table of contents with scroll spy, animated SVG tree indicator, and mobile sticky collapsible.

Beautiful, interactive documentation components for your design tokens following industry standards.

Open source React components for rendering AI tool call widgets and rich assistant outputs.

A component for building onboarding tours. Designed to integrate with shadcn/ui.

Open-source gamification UI components for streaks, achievements, leaderboards, points, and more. Built on shadcn/ui and Tailwind CSS.

OpenTUI recipes, made simple. Ready to use, customizable terminal UI recipes for Core, React, and Solid.

Beautiful, accessible, and customizable React components for your telehealth applications.

Typedora UI is a next-generation extension layer for shadcn/ui, designed to bring full type-safety to your UI components.

UI Layouts offers components, effects, design tools, and ready-made blocks that make building modern interfaces more efficient—built with React, Next.js, Tailwind CSS, and shadcn/ui.

Free, open-source UI component library built with Next.js, React 19, Tailwind CSS v4, and shadcn/ui — beautifully designed components you can copy, customize, and make your own.

A curated collection of components that spark joy. Featuring interactive concepts, design experiments, and components in the intersection of AI/UI.

Primitives and components with serious attention to animation and design. Copy, own, ship.

A collection of premium animated React components and micro-interactions built with Motion for building fluid, professional interfaces.

A React design language in three themes, where kajo is atmospheric and dark, sisu is dense and quick, and savi is the light ground. One token vocabulary underneath, including WebGL atmospheres that honour reduced-motion. Every component installs from npm or copies in from this registry.

Fullstack registry items to start those big features. Utilcn has ChatGPT Apps, file uploading (with progress bars) and downloading, and a way to make your env vars typesafe on the backend.

Inspiration for UI Interfaces. Discover UI ideas, micro-interactions, and components drawn from real products.

An open source collection of accessible, contrast-gated React components on a warm neutral palette and a two-tier glass material — the VeloBits design system, authored once and shipped both as an npm package and as this registry.

The full OKLCH scale plus every variable shadcn components read, so anything you install lands on the same tokens instead of its own colors.

VLLNT UI — agent-first React components for AI-native products, from UI primitives to finance and ops domains. Accessible, Radix + Tailwind, you own the code.

An open source collection of high quality, animated, interactive & fully customizable Vue components for building stunning, memorable user interfaces.

Production-ready WhatsApp Web UI components built on WDS design tokens with Tailwind CSS v4 and @base-ui/react.

Washi at the ground, veils above, three lights beneath. A design system with Chinese & Japanese typography considered from the start.

A collection of wave players and waveform components built with wavesurfer.js and shadcn/ui.

A collection of accessible components built for use with Shadcn.

A Tauri-first design system: thumb-first components with Metro-style pivot navigation, frosted bottom nav, and tap-again confirmations, on a CSS-variable token pipeline. Hardened across nine shipping apps before extraction.

A beautiful collection of copy-and-paste widgets for your next project.

Expertly crafted blocks, components & themes for shadcn/ui.