Awesome shadcn
shadcn/ui is a collection of beautifully designed, accessible, and customizable React components built on top of Radix UI and Tailwind CSS. It's not a component library you install as a dependency, but rather a collection of components you copy into your project.
The shadcn/ui ecosystem has grown into a vibrant community of developers building amazing tools, components, and resources on top of the original shadcn/ui library. This curated collection showcases the best of what the community has to offer.
Featured Resources
Radix
Radix Primitives is an open-source UI component library for building high-quality, accessible design systems and web apps. Maintained by @workos.
shadcn
The original copy-paste React component collection built on top of Radix UI and Tailwind CSS. Emphasizes ownership, flexibility, accessibility, and performance by integrating source code directly into your app rather than shipping a dependency.
Aceternity
Trending, highly animated components focused on styling and motion. Copy and paste to create beautiful websites in minutes.
Magic
UI library for Design Engineers with 150+ free, open-source animated components and effects. Built with React, TypeScript, Tailwind, and Motion; designed to pair with shadcn.
Magic Pro
Commercial companion to Magic featuring 50+ polished sections and templates for rapid page assembly, ideal for production-grade design systems.
Cult
Components crafted for Design Engineers. Styled with Tailwind, fully compatible with shadcn, and easy to integrate through copy-paste. MIT licensed for broad use.
Jolly
Shadcn-compatible React Aria components that are accessible, customizable, and open source. Designed to be copied and pasted directly into your apps.
Fusion
Fusion of shadcn and Magic UI delivering 150+ free, open-source components. Useful for building modern UIs quickly with a broad selection.
Origin
Open-source, copy-and-paste components for building application UIs. Powered by Tailwind CSS and React, emphasizing speed and extensibility.
Myna
A TailwindCSS and shadcn kit for Figma and React. A paid resource offering modern, accessible, and customizable elements for professional workflows.
Eldora
A collection of reusable components to copy and paste into your web apps. Focused on practical building blocks you can adapt to your design system.
Page
Landing page UI components for React and Next.js, built on TailwindCSS. Great for marketing pages and quick page assembly.
Tremor
Copy-and-paste React components for modern applications with emphasis on charts and data-heavy interfaces.
Syntax
Pre-built, Tailwind-powered components, animations, and effects brought to life using Framer Motion. Free access for rapid prototyping.
Farm
Client-first, animation-rich component library built on Radix and shadcn, targeting interactive experiences and refined motion.
Indie
Free collection of UI components for building web apps. Built with React and Tailwind CSS, suitable for quickly scaffolding UI patterns.
Mixcn
20+ free, open-source animated components implemented with React, TypeScript, Tailwind, and Framer Motion. Optimized for delightful micro-interactions.
Edil Ozi Components
Open-source components you can copy and paste into your apps. Focused on developer ergonomics and practical building blocks.
Bund
A collection of components built with Tailwind CSS and Framer Motion. Ready to copy/paste and extend for your product UI.
Lukacho
Next-generation UI components designed for modern React apps. Aimed at speed, reusability, and stylistic flexibility.
Expansions
An extended registry providing more components built on top of shadcn, expanding your toolkit beyond the core set.
Motion
A customizable, open-source UI kit for creating animated interfaces faster. Useful as a foundation for motion-heavy experiences.
Spectrum
Next.js shadcn component library that helps developers accelerate project growth with pre-built parts and patterns.
Worigami
React shadcn component library offering many useful blocks to simply copy and paste in your apps for quick assembly.
Animate
Fully animated, open-source component distribution built with React, TypeScript, Tailwind CSS, Motion, and Shadcn CLI. Focused on rich motion design.
Intent
A chill set of React components built on React Aria Components and Tailwind CSS. Easy to customize and copy/paste for accessible experiences.
Kibo
A custom registry of composable, accessible, open-source shadcn/ui components. Helps teams standardize on flexible, reusable parts.
Blocks
Premium collection of 700+ uniquely crafted blocks and components tailored for shadcn/ui, Tailwind, and React. High-quality, interactive, and fully responsive sections for building landing and marketing pages in minutes. Lifetime access and updates.
ShadcnKit
Prebuilt components, blocks, and pages to ship faster: 400+ tiny components, 100+ prebuilt pages, and 12+ dashboards. Built with Next.js and shadcn/ui, includes a fully customizable Figma version and theme support.
Tailark
Modern, responsive, pre-built UI blocks for creating marketing websites with Shadcn UI. Accelerate page assembly with opinionated, polished sections.
Blocks two
Effortless Shadcn UI component previews and code snippets. Offers uniquely designed sections that are fully responsive, easy to copy, and free to use with multiple variants.
TWBlocks
Website blocks to copy/paste, based on shadcn and Radix using Tailwind and Next.js. Useful for fast composition of landing pages.
Neobrutalism
Collection of neobrutalism-styled Tailwind components. A distinct aesthetic for standout marketing and content layouts.
SaaS
Ready-to-use template to launch SaaS faster with modern technologies and essential integrations. Combines Next.js/React, Postgres, Drizzle ORM, and Stripe for a solid full-stack baseline.
Boilerplate
A full-stack React application with Auth, Multi-tenancy, Roles & Permissions, i18n, Landing Page, DB, Logging, and Testing. Built to save time on boilerplate and scale with confidence.
Admin
Admin dashboard UI template built with Shadcn (Next.js/Vite variants noted). Includes multiple page examples and a cohesive design system.
New Cult
A powerful set of fullstack templates for Next.js, Tailwind, and Shadcn. Paid offering designed to accelerate real-world product delivery.
Landing
Landing page template emphasizing community, resources, tutorials, and support. Mobile-friendly and customizable (colors, fonts, images) with social proof, targeted content, strong visuals, and clear CTAs.
Landing React
A polished landing page template leveraging Shadcn/React patterns to quickly bootstrap marketing experiences with sensible defaults.
Relative
Marketing site template crafted with Next.js, shadcn/ui, and Tailwind. Provides essential sections to launch quickly with consistent design.
Charter
Fintech-style app template built on Next.js with shadcn/ui and Tailwind. Ideal foundation for finance, SaaS, or operations-heavy apps.
Streamline
Minimal yet unique landing page template built with Next.js 15, shadcn/ui, and Tailwind 4. Focused on clarity and performance.
Forge
Next.js shadcn boilerplate designed to have everything ready to start building new projects. Reduces setup time and standardizes best practices.
Starter
Next.js shadcn starter kit providing authentication, payment, and testing tools out of the box. Optimized for developer velocity.
AI Boilerplate
Next.js shadcn AI web app boilerplate with a range of UI components and an admin interface. Great baseline for AI-focused products.
ChadNext
Next.js shadcn starter kit designed to streamline development by providing essential features preconfigured and integrated.
SaaSy Land
A SaaS landing page template tailored to validate ideas and market offerings quickly with a consistent design language.
Saas Stripe
Open-source SaaS starter with user roles and admin panel using Next.js 14, Prisma, Neon, Auth.js v5, Resend, React Email, shadcn/ui, Stripe, and Server Actions.
Phone Input
Production-grade phone input built on top of shadcn/ui input. Includes country select, formatting, and comprehensive setup docs.
Autocomplete
Custom autocomplete built using Shadcn UI and Fancy Multi Select. Interactive demo and instructions for adapting to your use cases.
Sidebar
Composable, themeable, and customizable sidebar component documented in the official shadcn/ui site. Practical foundation for app shells.
Novel
Notion-style WYSIWYG editor with AI-powered autocompletion. Demonstrates advanced rich text editing capabilities with modern UX.
Charts
Official chart library built with Recharts following shadcn UI principles. Copy/paste components for fast, consistent data visualization.
Plate
Rich-text editor ecosystem for React, commonly paired with shadcn/ui. Highly extensible plugins and features for complex editing flows.
Vaul
Accessible drawer component for React. Pairs naturally with shadcn/ui primitives for app navigation and modals.
Number Flow
React component for transitioning, formatting, and localizing numbers. Ideal for counters, KPIs, and dashboards.
Auto Form
Automatically render forms from your existing data schema. Reduces repetitive UI work while staying customizable.
next-stepper
Dynamic multi-step form built with Next.js, shadcn/ui, zustand, and framer-motion. A pattern for progressive data collection.
Form Builder
Dynamic form-building tool enabling users to create, customize, and validate forms seamlessly within web applications.
Taxonomy
Open-source example app using Next.js 13 server components. Demonstrates authentication, subscriptions, API routes, static pages, and more in a modern stack.
Tablecn
Task and data management interface with server-driven filtering and sorting. Shows robust table UX patterns and state handling.
shadcn Chatbot Kit
Toolkit for building beautifully designed chatbot components based on shadcn/ui. Fully customizable components to ship AI apps in hours, not days.
Skateshop
Open-source e-commerce storefront built with modern Next.js features and shadcn/ui. A complete example of product, cart, and checkout flows.
Invoify
Invoice generator app built with Next.js and TypeScript using shadcn. Demonstrates CRUD flows and document-style UI interactions.
Inbox Zero
Open-source AI personal assistant for email designed to help reach inbox zero quickly. Real-world AI UI patterns with shadcn/ui.
Onur.dev
Personal website using Next.js, Tailwind CSS, shadcn/ui, Contentful, Raindrop, and Supabase; deployed on Vercel. Production example of the stack in action.
21st
Marketplace for shadcn/ui-based React Tailwind components, blocks, and hooks (an "npm for design engineers"). Highlights the ecosystem’s commercial maturity.
Stack
Open-source Auth0/Clerk alternative. Demonstrates authentication flows and admin features built with modern Next.js + shadcn/ui.
Next Wp
Headless WordPress built with the Next.js App Router and React Server Components. Shows how shadcn/ui fits into content-heavy sites.