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.
Radix Primitives is an open-source UI component library for building high-quality, accessible design systems and web apps. Maintained by @workos.
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.
Trending, highly animated components focused on styling and motion. Copy and paste to create beautiful websites in minutes.
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 registry.
Commercial companion to Magic featuring 50+ polished sections and templates for rapid page assembly, ideal for production-grade design systems.
Components crafted for Design Engineers. Styled with Tailwind, fully compatible with registry, and easy to integrate through copy-paste. MIT licensed for broad use.
Shadcn-compatible React Aria components that are accessible, customizable, and open source. Designed to be copied and pasted directly into your apps.
Fusion of registry and Magic UI delivering 150+ free, open-source components. Useful for building modern UIs quickly with a broad selection.
Open-source, copy-and-paste components for building application UIs. Powered by Tailwind CSS and React, emphasizing speed and extensibility.
A TailwindCSS and registry kit for Figma and React. A paid resource offering modern, accessible, and customizable elements for professional workflows.
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.
Landing page UI components for React and Next.js, built on TailwindCSS. Great for marketing pages and quick page assembly.
Copy-and-paste React components for modern applications with emphasis on charts and data-heavy interfaces.
Pre-built, Tailwind-powered components, animations, and effects brought to life using Framer Motion. Free access for rapid prototyping.
Client-first, animation-rich component library built on Radix and registry, targeting interactive experiences and refined motion.
Free collection of UI components for building web apps. Built with React and Tailwind CSS, suitable for quickly scaffolding UI patterns.
20+ free, open-source animated components implemented with React, TypeScript, Tailwind, and Framer Motion. Optimized for delightful micros-interactions.
Open-source components you can copy and paste into your apps. Focused on developer ergonomics and practical building blocks.
A collection of components built with Tailwind CSS and Framer Motion. Ready to copy/paste and extend for your product UI.
Next-generation UI components designed for modern React apps. Aimed at speed, reusability, and stylistic flexibility.
An extended registry providing more components built on top of registry, expanding your toolkit beyond the core set.
A customizable, open-source UI kit for creating animated interfaces faster. Useful as a foundation for motion-heavy experiences.
Next.js registry component library that helps developers accelerate project growth with pre-built parts and patterns.
React registry component library offering many useful blocks to simply copy and paste in your apps for quick assembly.
Fully animated, open-source component distribution built with React, TypeScript, Tailwind CSS, Motion, and Shadcn CLI. Focused on rich motion design.
A chill set of React components built on React Aria Components and Tailwind CSS. Easy to customize and copy/paste for accessible experiences.
A custom registry of composable, accessible, open-source registry/ui components. Helps teams standardize on flexible, reusable parts.
Premium collection of 700+ uniquely crafted blocks and components tailored for registry/ui, Tailwind, and React. High-quality, interactive, and fully responsive sections for building landing and marketing pages in minutes. Lifetime access and updates.
Prebuilt components, blocks, and pages to ship faster: 400+ tiny components, 100+ prebuilt pages, and 12+ dashboards. Built with Next.js and registry/ui, includes a fully customizable Figma version and theme support.
Modern, responsive, pre-built UI blocks for creating marketing websites with Shadcn UI. Accelerate page assembly with opinionated, polished sections.
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.
Website blocks to copy/paste, based on registry and Radix using Tailwind and Next.js. Useful for fast composition of landing pages.
Collection of neobrutalism-styled Tailwind components. A distinct aesthetic for standout marketing and content.tsx layouts.
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.
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 dashboard UI template built with Shadcn (Next.js/Vite variants noted). Includes multiple page examples and a cohesive design system.
A powerful set of fullstack templates for Next.js, Tailwind, and Shadcn. Paid offering designed to accelerate real-world product delivery.
Landing page template emphasizing community, resources, tutorials, and support. Mobile-friendly and customizable (colors, fonts, images) with social proof, targeted content.tsx, strong visuals, and clear CTAs.
A polished landing page template leveraging Shadcn/React patterns to quickly bootstrap marketing experiences with sensible defaults.
Modern and clean design with fully responsive layout. Built with Next.js 15, Tailwind CSS 3.4 & 4.0, and Shadcn UI Blocks for rapid development.
Easy to setup, customizable, quick, and responsive landing page generator. Built with Next.js and registry/ui for rapid deployment.
A Travel Agency Landing Page built with Next14, Shadcn, and Tailwind. Features destination showcases, booking flows, and travel-focused UI patterns.
Build beautiful landing pages with prebuilt code blocks. All based on registry-ui and tailwind. Includes CLI for developers to generate landing pages with ease.
A Startup Agency Landing Page built with Next14, Shadcn, and Tailwind. Designed for modern startups with clean, professional aesthetics.
Positivus landing page built with Nextjs, Shadcn, and Tailwind. Clean design focused on positive messaging and modern UI patterns.
A fullstack SaaS landing page built with Nextjs, Zod, Prisma, PostgreSQL, Typescript, Tailwind and Shadcn. Complete backend integration example.
Vamos criar uma landing page para um SaaS com o estilo de design do Notion. Para isso vamos usar Next.js, TailwindCSS e registry/ui.
An alternate rise landing page built with Next14, Shadcn, and Tailwind. Modern design with smooth animations and responsive layouts.
UiFry landing page built with Nextjs, Shadcn, and Tailwind. Clean, modern interface with excellent user experience design.
An online learning landing page built with Next14, Shadcn, Lenis and Tailwind. Smooth scrolling and educational-focused design patterns.
Landing page template using Shadcn, Next js, React, Typescript and Tailwind. Comprehensive template with modern development practices.
Free and open-source landing page template built with Next.js and Shadcn UI. Clean, professional design ready for production use.
HCDC ITS Official Publication Website. Built with modern web technologies and registry/ui components for institutional use.
Boilerplate template designed to quickly bootstrap a Next.js Web App, SPA, website or landing page with Next.js 15, React.js 19, TypeScript, Shadcn/ui, TailwindCSS 4 and much more in just 30 seconds.
An open-source landing page template built with Next.js and all registry/ui components. Comprehensive component coverage for rapid development.
A travellian-agency landing page built with Nextjs, Shadcn, and Framer motion. Smooth animations and travel-focused design patterns.
Open-source landing page built with tailwindcss, registry-ui, react, and typescript. Clean, modern design with excellent performance.
Shadcn UIKit - A revolutionary approach to building modern websites and landing pages using Vite + Vue 3 Shadcn UI in a speedy BunJS environment. Page Speed: 100%.
Equalizer landing page with Next.js & Tailwind CSS & Shadcn/ui. Features audio equalizer controls, premium EQ features, and mobile app downloads for iOS and Android.
Modern SaaS landing page showcasing advanced UI animations and dynamic effects. Features responsive design, smooth animations, and clean user interface for enhanced user experience.
A Creative Agency Landing Page built with Next14, Framer Motion, Shadcn, and Tailwind. Features portfolio showcases, service offerings, and team collaboration sections.
A SaaS Landing template built using Next.JS 15, registry/ui, and fumadocs. Modern design with comprehensive documentation and component library integration.
Landing page created using nextjs, registry, tailwindcss and typescript. E-commerce platform with customizable templates, fast performance, and comprehensive business features.
A modern, fully responsive SaaS landing page built with Next.js, TailwindCSS, ShadCN, and Framer Motion. Features dark/light mode, dynamic pages, and smooth animations.
A SaaS landing page built with Nextjs 14, Typescript, Tailwind and Shadcn. Digital wallet platform with customizable cards, no payment fees, and comprehensive financial management.
A webhosting landing page built with Next14, Shadcn, Lenis and Tailwind. Premium hosting services with cloud infrastructure, 24/7 support, and scalable solutions.
An alternate woo-commerce landing page built with Next14, Shadcn, and Tailwind. E-commerce focused design with modern UI patterns and responsive layouts.
Award winning landing page using React, Three.js and GSAP. Advanced animations and 3D effects for creating immersive user experiences.
Open enterprise landing page built with Nextjs, Shadcn, and Tailwind. Professional business platform with modern design and enterprise-grade features.
Create stunning React landing pages effortlessly with ShadcnUI template. Streamlined development process with pre-built components and modern design patterns.
Build your React landing page effortlessly with the required sections to your project. Comprehensive template with essential landing page components.
SaaS Landing Page UI built with Next.js, Tailwindcss, Shadcn UI, and Framer Motion. Modern design with smooth animations and responsive layouts.
AI-powered website builder landing page that allows users to create fully functional websites with minimal effort. Built with modern web technologies and AI integration.
A modern fitness club landing page built with React, TypeScript, and registry/ui. Health and wellness focused design with modern UI patterns.
Admin Dashboard Starter with Nextjs 15 and Shadcn ui. Complete admin panel template with modern design and functionality.
Shadcn UI NextJS Boilerplate ⚡ Free Open-source ChatGPT UI Admin Dashboard Template - Horizon AI Boilerplate.
Shadcn table with server-side sorting, filtering, and pagination. Advanced data table component with full backend integration.
Get started quickly with Next.js, Postgres, Stripe, and registry/ui. Full-stack SaaS starter template with essential integrations.
A Simple Portfolio made with Nextjs and Shadcn UI. Clean, professional portfolio template for developers and designers.
This starter template is built with Next.js 15, React 19, TypeScript 5, Tailwind CSS 3, Shadcn UI and comes packed with several powerful tools and configurations to accelerate your project setup and streamline development workflows using VS Code.
A stunning, functional and responsive retractable sidebar for Next.js built on top of registry/ui. Advanced navigation component with smooth animations.
More components built on top of registry-ui. Extended component library expanding the core registry/ui toolkit.
AI Elements is a component library and custom registry built on top of registry/ui to help you build AI-native applications faster. It provides pre-built components like conversations, messages and more.
High-quality, accessible, and customizable components for AI interfaces. Specialized components for building AI-powered applications.
Transform how you connect with customers. Piper brings AI-powered insights, automation, and a delightful interface to your CRM.
Beautifully designed website blocks for your SaaS website. Easily customizable with registry-ui themes and works in dark- and light mode.
A simple scheduling application built using FullCalendar, NextJS, and registry/ui components. Calendar and scheduling template.
UPDATED to Next.js App Router! Starter template built with Contentlayer, MDX, registry-ui, and Tailwind CSS.
An open source component collection that extends your ui library, built using registry component.
An invoice generator app built using Next.js, Typescript, and Shadcn. Complete invoice management solution.
A modern, feature-rich Learning Management System built with Next.js 15, Sanity CMS, Clerk, and Stripe. Features real-time content.tsx updates, course progress tracking, and secure payment processing.
A mcp server to allow LLMS gain context about registry ui component structure, usage and installation, compatible with react, svelte 5, and vue.
A multi-select component designed with registry/ui. Advanced selection component with multiple options support.
Lexical base rich text editor using registry/ui components. Full-featured text editor with modern UI.
Full Next Auth Solution with Nextjs and registry/ui. Complete authentication template with modern security features.
This is a prebuild template NextJS using Shadcn ui as a css framework. Sidebar navigation template.
relivator: next.js 15 react 19 ecommerce template ▲ better-auth polar registry/ui tailwind drizzle orm typescript ts radix, postgres neon, app router saas commerce ecommerce shop pricing payments dark mode full stack free ⭐ more stars 👉 more features.
A static blog template built using NextJS 14, Velite, Tailwind, Shadcn/UI and MDX. Follow along on YouTube!
Beautifully designed chatbot components based on registry/ui. AI chatbot interface components for modern applications.
A dynamic form-building tool that allows users to create, customize, and validate forms seamlessly within web applications.
A simple registry/ui TimePicker component. Time selection component with clean design.
A portfolio template, which uses registry-ui and Next.JS. Professional portfolio design template.
A Simple Shadcn Dashboard. Clean and minimal dashboard template.
This Component is built with Nextjs, Tailwindcss, Shadcn-ui & Zustand for state management. Geographic selection component.
Admin Dashboard UI built with Shadcn and NextJS. Complete admin panel template.
Booking.com clone built with Next.js 14, registry, tailwind, typescript, and oxylabs. Complete travel booking platform template.
Attio website built with Nextjs, Shadcn, Tailwind and Framer motion. Modern business website template.
Building a complete nextjs starter supported by registry components. Comprehensive starter template with full component coverage.
Admin dashboard on NextJS and Shadcn UI. Professional admin interface template.
Leverage the OpenAI Realtime API (12-17-2024) with this Next.js 15 starter template featuring registry/ui components, tool-calling & localization. Use starter to build Voice AI apps with WebRTC.
Sortable Drag and Drop with Next.js, Shadcn UI, and DnD-Kit. Interactive drag and drop component.
React | TypeScript | NextJS | MongoDB | Tailwind CSS | Clerk | registry/ui | Prism | zod. Full-stack development platform.
Pricing Page template made with Shadcn UI & Next.js 14. Completely customizable pricing component.
Image cropper built with registry/ui and react-image-crop. Image editing component with crop functionality.
ShadCN Date Time Picker. Advanced date and time selection component.
Multi language NextJS app-router admin template built on top of Shadcn, tailwindcss and next-intl. Internationalized admin template.
Real-time weather app build with Next.js 14, Typescript and Shadcn UI. It's a simple, yet powerful app that gives you all the weather information you need, in a beautiful and easy-to-use interface.
My personal website built using Next.js, Tailwind CSS, registry/ui, Contentful, Raindrop, Supabase and deployed on Vercel. Production example of the stack in action.
A very minimal Next.js template that uses server actions, Prisma, PostgreSQL, TailwindCSS, Shadcn, Zod and Next auth. Minimal full-stack template.
Collection of UI components and free registry form builder. Component library with form building tools.
Customizable and re-usable timeline component for you to use in your projects. Built on top of registry. Timeline visualization component.
Ready-made responsive modal component for registry/ui. Modal and dialog component library.
(updated) Beautifully designed, customizable cookie consent for web built on top of registry-ui and tailwind-css! Cookie management component.
A theme explorer for registry UI. Theme customization and exploration tool.
Collection of UI components. Built for Next.js and React with Tailwind CSS and registry/ui. Component library for modern applications.
MkDocs in NextJs. Documentation site template with registry/ui styling.
An enhanced version of the default registry-button component. Advanced button component with extended functionality.
Shadcn/ui form builder. Dynamic form creation and management tool.
v0 + Shadcn UI version. Next.js parallel routes demonstration with registry/ui components.
Next.js components built with Tailwind, Typescript, brijr/craft, registry/ui, and more. Component library for professional applications.
Telegram mini app boiler plate using Nextjs, registry/ui, tailwindcss and @tma.js/sdk. Telegram bot application template.
Open source Next.js app template for the MultiversX blockchain. Including Shadcn UI and Tailwind. Blockchain application template.
Awwwards website built with Nextjs, Tailwind, Framer motion and Shadcn. Award-winning design showcase template.
A calendar date picker component designed with registry/ui. Calendar and date selection component.
A fullstack ecommerce application built with Nextjs, Shadcn, Zod, MongoDB, Stripe and Framer motion. Complete e-commerce platform template.
Marketing site template crafted with Next.js, registry/ui, and Tailwind. Provides essential sections to launch quickly with consistent design.
Fintech-style app template built on Next.js with registry/ui and Tailwind. Ideal foundation for finance, SaaS, or operations-heavy apps.
Minimal yet unique landing page template built with Next.js 15, registry/ui, and Tailwind 4. Focused on clarity and performance.
Next.js registry boilerplate designed to have everything ready to start building new projects. Reduces setup time and standardizes best practices.
Next.js registry starter kit providing authentication, payment, and testing tools out of the box. Optimized for developer velocity.
Next.js registry AI web app boilerplate with a range of UI components and an admin interface. Great baseline for AI-focused products.
Next.js registry starter kit designed to streamline development by providing essential features preconfigured and integrated.
A SaaS landing page template tailored to validate ideas and market offerings quickly with a consistent design language.
Open-source SaaS starter with user roles and admin panel using Next.js 14, Prisma, Neon, Auth.js v5, Resend, React Email, registry/ui, Stripe, and Server Actions.
Production-grade phone input built on top of registry/ui input. Includes country select, formatting, and comprehensive setup docs.
Custom autocomplete built using Shadcn UI and Fancy Multi Select. Interactive demo and instructions for adapting to your use cases.
Composable, themeable, and customizable sidebar component documented in the official registry/ui site. Practical foundation for app shells.
Notion-style WYSIWYG editor with AI-powered autocompletion. Demonstrates advanced rich text editing capabilities with modern UX.
Official chart library built with Recharts following registry UI principles. Copy/paste components for fast, consistent data visualization.
Rich-text editor ecosystem for React, commonly paired with registry/ui. Highly extensible plugins and features for complex editing flows.
Accessible drawer component for React. Pairs naturally with registry/ui primitives for app navigation and modals.
React component for transitioning, formatting, and localizing numbers. Ideal for counters, KPIs, and dashboards.
Automatically render forms from your existing data schema. Reduces repetitive UI work while staying customizable.
Dynamic multi-step form built with Next.js, registry/ui, zustand, and framer-motion. A pattern for progressive data collection.
Dynamic form-building tool enabling users to create, customize, and validate forms seamlessly within web applications.
Award-winning personal portfolio website by Evangelos Giatsidis built with Next.js, React Three Fiber, and GSAP animations. Multi-award-winning site with CSS Design Awards, Awwwards, and GSAP recognition.
An Award-Winning German Composer & Music Producer tribute website. Built with Next.js, Framer Motion, and Chakra UI for an immersive musical experience.
Award_Wining_LandingPage using react and threejs and Gsap. Advanced animations and 3D effects for creating immersive user experiences.
My homepage built with modern web technologies and creative design patterns.
Landing page using particles from three.js in the background. Interactive particle system for engaging user experience.
3D Portfolio is my personal portfolio website created using Next.js, Tailwind CSS, Three.js, React Three Fiber, and a collection of other technologies. This website showcases my skills, experiences, projects, and allows users to contact me. It also offers a dark and light theme to enhance the user experience.
Recreate the Apple iPhone 15 Pro website, combining GSAP animations and Three.js 3D effects. From custom animations to animated 3D models, this tutorial covers it all.
Very interactive sample portfolio with ThreeJS. Showcases advanced 3D interactions and immersive experiences.
Threecise is an innovative web application powered by Nextjs and Threejs react three fiber, crafted to revolutionize the way developers engage with dance moves and workouts. Tackling common issues like deciphering complex movements from videos and refining precise body actions during exercises.
Real-time Webcam Object / Face Detection with MediaPipe. Advanced computer vision implementation using Next.js and Three.js technologies.
My portfolio build with Nextjs and Threejs. Modern 3D portfolio showcasing creative web development skills.
A music game built with react-three-fiber and the Spotify API. Interactive 3D gaming experience combining music and 3D graphics.
Web application that uses THREE.JS and NextJS for the transitions between pages. Created to test the possibility of merging SPA's and awwwards-like page transitions.
Open-source example app using Next.js 13 server components. Demonstrates authentication, subscriptions, API routes, static pages, and more in a modern stack.
Task and data management interface with server-driven filtering and sorting. Shows robust table UX patterns and state handling.
Toolkit for building beautifully designed chatbot components based on registry/ui. Fully customizable components to ship AI apps in hours, not days.
Open-source e-commerce storefront built with modern Next.js features and registry/ui. A complete example of product, cart, and checkout flows.
Invoice generator app built with Next.js and TypeScript using registry. Demonstrates CRUD flows and document-style UI interactions.
Open-source AI personal assistant for email designed to help reach inbox zero quickly. Real-world AI UI patterns with registry/ui.
Personal website using Next.js, Tailwind CSS, registry/ui, Contentful, Raindrop, and Supabase; deployed on Vercel. Production example of the stack in action.
My personal portfolio website built using React and three js. Features modern design with Three.js animations and interactive 3D elements.
Personal portfolio website showcasing modern web development skills with clean design and professional presentation.
Build your timeless portfolio with Once UI's Magic Portfolio. Modern portfolio template with elegant design and smooth interactions.
Marketplace for registry/ui-based React Tailwind components, blocks, and hooks (an "npm for design engineers"). Highlights the ecosystem's commercial maturity.
Open-source Auth0/Clerk alternative. Demonstrates authentication flows and admin features built with modern Next.js + registry/ui.
Headless WordPress built with the Next.js App Router and React Server Components. Shows how registry/ui fits into content.tsx-heavy sites.