21st.dev
Open source npm for shadcn/ui components. Also: Dribble for design engineers. Install UI components via shadcn CLI, or publish your own.
aceternity-ui
Copy paste the most trending react components without having to worry about styling and animations.
assistant-ui
React Components for AI Chat.
autocomplete-select-shadcn-ui
Autocomplete component built with shadcn/ui and Fancy Multi Select by Maximilian Kaske.
auto-form
A React component that automatically creates a shadcn/ui form based on a zod schema.
async-select
Async Select component built with shadcn/ui with debounce search.
big-calendar
A modern, feature-rich calendar application with multiple viewing options built using Next.js, TypeScript, and Tailwind CSS.
bundui
A collection of reusable animated components built with Tailwind CSS and Framer Motion.
calendar
React/shadcn full calendar like Google Calendar
capture-photo
Browser-based React component for camera functionalities in web applications.
clerk-elements
Composable components for building custom UIs on top of Clerk's APIs.
clerk-shadcn-theme
Synchronize Clerk SignIn/SignUp components with shadcn/ui styles.
commerce-ui
Components, blocks and examples to build e-commerce storefronts and apps.
confirm-dialog
A confirm dialog component built with shadcn/ui.
country-state-dropdown
Component built with Nextjs, Tailwindcss, shadcn/ui & Zustand.
cult-ui
Curated set of animated shadcn-style React components.
credenza
Ready-made responsive modal component for shadcn/ui.
crypto-charts
Crypto charts made for shadcn/ui using PythNetwork.
date-range-picker-for-shadcn
Multi-month views, text entry, preset ranges, responsive design, and date range comparisons.
date-time-picker-shadcn
Datetime Picker for shadNext Project.
date-time-range-picker-shadcn
Fully featured date-time range picker with multi-month views, timezone support, preset ranges, and modular components for date and time selection.
datetime-picker
Datetime picker with timezone support, min/max dates, and month/year selection.
dnd-dashboard
Dashboard with drop-to-swap layouts using Next.js, shadcn/ui, and swapy.
downshift-shadcn-combobox
Combobox/autocomplete component built with shadcn/ui and Downshift.
drag-to-resize-sidebar
Extended shadcn/ui sidebar component with persisted state drag-to-resize functionality.
druid/ui
Intercom inspired AI chatbot and UI components built on shadcn/ui.
dy-comps
shacn/ui & Framer Motion React components — flexible, responsive & easy to drop into any project.
echo-editor
Modern WYSIWYG rich-text editor based on tiptap and shadcn/ui.
edil-ozi
React components with Gsap, framer motion, and tailwind.
emblor
Customizable, accessible tag input component with shadcn/ui.
enhanced-button
Enhanced version of the default shadcn-button component.
extend-ui
Reusable components built on shadcn/ui for web applications.
fancy-area
Textarea with @mention support inspired by GitHub's PR comment section.
fancy-box
GitHub PR label selector-inspired Combobox with radix-ui components.
fancy-multi-select
Multi Select Component inspired by campsite.design and cal.com.
fancy-switch
Fancy switch component built with shadcn/ui.
farmui
Styled and animated component library with npm package support.
file-uploader
File uploader with shadcn/ui and react-dropzone.
file-vault
File upload component for React.
floating-dragable-card
Dragable and resizable card using shadcn/ui elements.
fusion-ui
Library combining shadcn/ui and MagicUI.
gluestack-ui
React & React Native Components with Tailwind CSS.
ibelick/background-snippet
Ready to use collection of modern background snippets.
image-upload-shadcn
Image upload component.
indie-ui
UI components with variants.
inspira-ui
UI components for animated interfaces in Vue/NuxtJS.
junwen-k/ui-x
Additional beautifully designed components that you can copy and paste into your apps. Accessible. Customizable. Open Source.
kokonut-ui
Free Modern and Customizable components for Next.js.
launch-ui
Landing page components with React, Shadcn/ui and Tailwind.
lingua-time
Smart datetime picker with natural language input.
linked-chart
Chart component linked with data-table.
lukacho-ui
Next Generation UI Components.
manfromexistence-ui
Components to build beautiful designs.
magicui
React components for landing pages with tailwindcss + framer motion.
maily.to
Notion-like powerful email editor.
minimal-tiptap
Minimal WYSIWYG editor with shadcn/ui and tiptap.
mixcnui
Collection of animated components for Nextjs.
multi-selection
Managing multi-selection functionality with highlighter.
mynaui
TailwindCSS and shadcn/ui UI Kit for Figma and React.
neobrutalism-components
Neobrutalism-styled Tailwind React and shadcn/ui components.
nextjs-components
Next.js components with TypeScript and shadcn/ui.
nextjs-dnd
Sortable Drag and Drop with Next.js and dnd-kit.
nextjs-link-pagination
Pagination using Nextjs Links and search params.
nextjs-multi-image-upload
Compact, responsive file uploader with shadcn/ui, React Hook Form, and cloud support (S3/R2).
next-shadcn-dashboard-starter
Admin Dashboard Starter with Nextjs 14 and Shadcn UI.
next-stepper
Dynamic multi-step form with Next.js and zustand.
novel
Notion-style WYSIWYG editor with AI-powered autocompletion.
number-flow
React component for number transitions and formatting.
origin-ui
Beautiful UI components with Tailwind CSS and Next.js.
password-input
shadcn/ui custom password input.
payment-gateways
Integration of payment gateways with Next.js 14.
phone-input-shadcn-ui
Custom phone number component with shadcn/ui.
planner
Adaptable scheduling component for React.
plate
AI-powered rich-text editor.
plate-select-editor
Rich multi-select editor.
pqoqubbw
Open-source animated icons collection.
pricing-page-shadcn
Customizable pricing page with Next.js 14.
progress-button
Extended button component with progress UX.
react-dnd-kit-tailwind-shadcn-ui
Accessible kanban board with dnd-kit.
react-highlight-popover
Headless component for text selection popovers.
react-pdf-flipbook-viewer
PDF flipbook viewer with zoom and fullscreen.
react-select
React-select library with shadcn styling.
recursive-dnd-kanban-board
Recursive drag and drop kanban board.
roadmap-ui
Components for interactive roadmaps.
search-address
Interactive address search using OpenStreetMap.
shadcn-address-autocomplete
Address autocomplete with Google Places API.
shadcn-admin
Admin Dashboard UI with shadcn/ui and Vite.
shadcn-blocks
Official pre-made customizable components.
shadcn-blocks-com
Hundreds of extra blocks built with shadcn/ui.
shadcn-cal
Cal.com monthly calendar replica with shadcn/ui.
shadcn-calendar-heatmap
Modern calendar heatmap alternative.
shadcn-calendar-component
Calendar date picker component.
shadcn-chat
Customizable chat component.
shadcn-carousel-testimonials
Carousel Testimonials component.
shadcn-chatbot-kit
Customizable chatbot components.
shadcn-color-picker
Color picker with react-color.
shadcn-cookies
Sleek and flexible cookie consent component, designed with shadcn/ui
shadcn-cookie-consent
Customizable cookie consent component.
shadcn-country-dropdown
ISO 3166 country selector dropdown.
shadcn-data-table-advanced-col-opions
DataTable with column resizing.
shadcn-date-picker
Advanced date picker with various features.
shadcn-drag-and-drop-sort
Drag-and-drop sortable list of pills of different widths using dnd-kit.
shadcn-drag-table
Drag-and-drop table component.
shadcn-dropzone
File upload component using React-Dropzone, built with accessibility in mind.
shadcn-editor
Lexical editor with shadcn theme.
shadcn-extends
Collection of shadcn/ui components.
shadcn-extension
Open-source component collection.
shadcn-iconpicker
React/shadcn simple icon picker using lucide icons.
shadcn-image-cropper
Image cropper with react-image-crop.
shadcn-linear-combobox
Linear-style task priority combobox.
shadcn-location-picker
Simple google maps location picker.
shadcn-multi-select-component
Multi-select component.
shadcn-number-scrubber
Draggable numeric input component.
shadcn-packaged
This is an npm package that exports all shadcn/ui components without the need for a CLI, designed for ease of use.
shadcn-phone-input-2
Phone input with libphonenumber-js.
shadcn-phone-input
Phone input with country validation.
shadcn-pricing-page
Responsive pricing component with toggles.
shadcn-spinner
Spinner component.
shadcn-stepper
Complete stepper component.
shadcn-table-maker
Tool for creating dynamic tables.
shadcn-table-v2
Table with server-side features.
shadcn-timeline
Customizable timeline component.
shadcn-timeline-2
Alternative timeline component.
shadcn-tiptap
Custom Tiptap editor extensions.
shadcn-tree-view
Hierarchical data component.
shadcn-ui-blocks
Collection of responsive UI blocks.
shadcn-ui-expansions
Additional useful components.
shadcn-ui-sidebar
Retractable responsive sidebar.
shadcn-ui-templates
Free & Premium templates collection.
shaduxe-ui
Component variants for shadcn/ui.
simple-ai
Components and blocks to easily build AI apps
simplekit
Wallet and account component for Wagmi.
skiper-ui
Stand out from others with this crazzy ui library built with shad-cn cli
solanauth
Solana wallet authentication modal.
sortable
Sortable component with dnd-kit.
spectrum-ui
Collection using Aceternity UI Magic UI.
stocks
Stock Picker with Next.js charts.
stunning-ui
Interactive Tailwind components for Vue.
supabase-shadcn-database-example
supabase + shadcn/ui datatable
supercharged-shadcn-components
Type-safe form components collection.
tanstack-ui-table
Customizable table with @tanstack/table and shadcn/ui
time-picker
Simple TimePicker component.
tremor
Components for charts and dashboards.
twblocks
Website blocks based on shadcn & Radix.
tweet-to-code
Twitter design recreations as code.
ui-beats
Animated React Components collection.
uixmat/onborda
Product tour for Next.js applications.
vaul
Drawer component for React.
zoom-charts
Zoomable Charts with shadcn/ui.
autoflow
An open source GraphRAG (Knowledge Graph) built on top of TiDB Vector, LlamaIndex, and DSPy. Demo site.
browser-extension-starter-plasmo-shadcn-trpc
Browser extension starter kit featuring Plasmo, React, Shadcn, and tRPC.
chadnext
Quick Starter Template includes Next.js 14 App Router, shadcn/ui, LuciaAuth, Prisma, Server Actions, Stripe, Internationalization, and more.
cloudflare-saas-stack
An opinionated, batteries-included starter kit for quickly building and deploying SaaS products on Cloudflare.
create-tauri-core
A project template for creating a Tauri app with Vite, React, and Tailwind CSS.
design-system-template
Turborepo + TailwindCSS + Storybook + shadcn/ui.
easy-ui
50+ High Quality Open Source Website Templates built using NextJS + shadcn/ui + Tailwind CSS + Framer Motion and more.
electron-shadcn
Electron app template with shadcn/ui and a bunch of other libs and tools ready to use.
horizon-ai-nextjs-shadcn-boilerplate
Premium AI NextJS & shadcn/ui Boilerplate + Stripe + Supabase + OAuth.
kirimase
A template and boilerplate for quickly starting your next project with shadcn/ui, Tailwind CSS, and Next.js.
magicui-startup-templates
Magic UI Startup template built using shadcn/ui + TailwindCSS + Framer Motion.
nextMotion
Webdev portfolio template with Nodemailer integrated for easy contact form setup. Uses shadcn/ui + TailwindCSS + Framer Motion.
next-shadcn-dashboard-starter
Admin Dashboard Starter with Next.js 14 and shadcn/ui.
next-starter
A Next.js starter template packed with features like TypeScript, TailwindCSS, Next-auth, Eslint, Stripe, testing tools, and more. Jumpstart your project with efficiency and style.
nextjs-mdx-blog
Starter template built with Contentlayer, MDX, shadcn/ui, and Tailwind CSS.
next-js-views-template
An open-source collection of reusable view components like Calendar, Table, etc., built with Next.js and ShadCN. Easily copy and paste these pre-built UI elements into your project for fast, responsive, and customizable layouts.
next-wp
Headless Wordpress Starter built with the NextJS App Router and React Server Components.
onyx
Full stack, batteries-included MVP Template with NextJS 14, Supabase SSR Auth & Postgres DB with CRUD operations, RBAC, Tanstack React Query, Zod Validation, MDX components, Resend, and more.
opendocs
Beautifully designed template that you can use for your projects for free. Accessible. Customizable. Open Source with i18n support.
react-vite-starter
React starter powered with Vite + Redux Toolkit + RTKQuery + React Router + shadcn UI and many more.
shadcn-landing-page
Landing page template using shadcn/ui, React, TypeScript, and Tailwind CSS.
shadcn-landing-page (Vue)
Project conversion shadcn-vue-landing-page to Next.js - Landing page template using Nestjs, shadcn/ui, TypeScript, and Tailwind CSS.
shadcn-nextjs-free-boilerplate
Free & Open-source NextJS Boilerplate + ChatGPT API Dashboard Template.
shadcn-registry-template
Template repository for building a custom component registry for shadcn/ui.
shadcn-vue-landing-page
Landing page template using Vue, shadcn-vue, TypeScript, and Tailwind CSS.
shadcn-next-workflows
Interactive workflow builder using React Flows, Next.js, and Shadcn/ui. Create, connect, and validate custom nodes easily.
supa-next-shad-auth
A fully responsive, fully type-safe, secure server actions, user-friendly customizable UI with best practices. Tech used: NextJS + Supabase + TypeScript + Server Actions + Zod + shadcn/ui.
t3-app-template
Admin template for T3 Stack and shadcn/ui.
taxonomy
An open-source application built using the new router, server components, and everything new in Next.js.
template-next
A clean Next.js template with TypeScript, TailwindCSS, Shadcn/ui, and Prettier.
turborepo-shadcn-ui-tailwindcss
Turborepo starter with shadcn/ui & TailwindCSS pre-configured for shared UI components.
turborepo-launchpad
A comprehensive monorepo boilerplate for shadcn projects using Turbo. It features a highly scalable setup ideal for developing complex applications with shared components and utilities.
wordpress-plugin-boilerplate
WordPress Plugin Boilerplate utilizing modern web technologies and tools such as React, TypeScript, SASS, TailwindCSS, Shadcn UI, Vite, Grunt.js, Storybook, HMR, and more.
shadcn-storybook-registry
Registry of stories for the shadcn components. Quickly get the atomic level components documented in Storybook.
shadcn-ui-components
Every component recreated in Figma.
shadcn-ui-storybook (JheanAntunes)
All shadcn/ui components registered in the storybook by JheanAntunes.
shadcn-ui-storybook (fellipeutaka)
All shadcn/ui components registered in the storybook by fellipeutaka.
animata
Hand-crafted interaction animations and effects from around the internet to copy and paste into your project.
magicui.design
Largest collection of open-source react components to build beautiful landing pages.
motionvariants
Beautiful Framer Motion Animations.
tailwindcss-motion
A new simple syntax animation library. Batteries included. Infinitely configurable.
5devs
A website to get fake Brazilian data for testing purposes.
ai-generator-shadcn-theme
AI Shadcn Theme Generator, The AI Shadcn Theme Generator crafts stunning, consistent themes for your shadcn/ui projects in seconds.
bento-hub
BentoHub is an application where you can create a bento grid for your GitHub profile readme.
cut-it
Link shortener built using Next.js App Router, Server Actions, Drizzle ORM, Turso, and styled with shadcn/ui.
country-data-in-charts
Globe Graph is a web app that visualizes countries' data like GDP, GDP per capita, and population in different years using many charts.
dev-quotes
A website that displays quotes from professional programmers.
down-dev-detector
This app lists all the services currently down and uses Atlassian Status Page and others (soon).
cv-forge
Resume builder built with @shadcn/ui, react-hook-form, and react-pdf.
excelkits
Create free downloadable Shadcn-themed chart images. Supports PNG, JPEG, WEBP, and even WEBM videos. Upload your own data for more realistic designs.
form-builder
UI-based codegen tool to easily create beautiful and type-safe @shadcn/ui forms.
form-builder-fast
Shadcn Form Builder - Build forms in minutes for free.
hook-again
A collection of shadcn/ui installable React Hooks.
imgsrc
Generate beautiful Open Graph images with zero effort.
invoify
An invoice generator app built using Next.js, TypeScript, and shadcn/ui.
jobsync
JobSync is a job seekers' assistant to manage job search efficiently.
memfree
Open-source hybrid AI search engine, instantly get accurate answers from the internet, bookmarks, notes, and docs. Built using Next.js and shadcn/ui.
myinstants
The largest instant sound buttons website in Brazil!
opensearch-ai
SearchGPT/Perplexity clone but personalized for you.
pagegen.ai
An AI Page Generator with Claude AI, React, and shadcn/ui. Generate web pages from text, screenshots, and templates with one click.
pastecode
Pastebin alternative built with TypeScript, Next.js, Drizzle, shadcn/ui, and RSC.
postgres
The in-browser Postgres sandbox with AI assistance.
proxmox-helper-scripts
A catalog of scripts for your Proxmox VE homelab, built with the Next.js App Router and styled with shadcn/ui.
quack-db
Open-source in-browser DuckDB SQL editor.
qualmeuip
Find out your IP address and test your internet speed.
shadcn-form-builder
Create forms with Shadcn, react-hook-form, and Zod within minutes.
shadcn-pricing-page-generator
The easiest way to get a React pricing page with shadcn/ui, Radix UI, and/or Tailwind CSS.
shadcn-theme-editor
Shadcn Theme Editor is a user-friendly component designed to simplify the process of managing and customizing theme colors in Shadcn-based projects.
shadcn-zod-form
CLI tool to generate shadcn/ui forms from Zod schemas.
sharable-form-builder
A sharable form builder for creating forms and sharing your form link, based on shadcn/ui and Next.js.
someday
Free to host and open-source Cal.com/Calendly alternative built on Google Apps Script for Gmail users.
tinte
An opinionated VS Code Theme Generator 🎨.
translate-app
Translate App using TypeScript, Tailwind CSS, NextJS, Bun, shadcn/ui, AI SDK/OpenAI, and Zod.
typelabs
MonkeyType-inspired typing test app built with React, shadcn, and Zustand at its core.
ui-builder
A React component editor that provides a no-code, visual way to create UIs, fully compatible with shadcn/ui and custom components.
ui-fonts
Test and preview fonts in real-time for all your design needs. Choose the perfect typeface with ease.
v0
Vercel's generative UI system, built on shadcn/ui and TailwindCSS, allows effortless UI generation from text prompts and/or images.
vercel-status-tracker
Track the status of all of your projects deployed via Vercel. Built with shadcn/ui and TailwindCSS.
wallhaven-desktop
Wallhaven Wallpaper software desktop. Create a Wallhaven API-based client, a true wallpaper software.
xuneix
A link rotation tool for enhanced admin panel security. Includes dynamic URLs, expiring tokens, customizable rotation.
andrewsam.xyz
A revamped version of the popular tailwind-nextjs-starter-blog using shadcn/ui, along with a resume section and experience timeline component.
birobirobiro.dev
A personal developer portfolio.
godly
Astronomically good web design inspiration. Only the best of the best.
list.swajp.me
It has never been easier to find the right projects or designs by inspiring successful people.
Nathan's AI
An AI Chatbot acting as a portfolio, built with shadcn/ui components.
shubhporwal.me
An eye-catching developer portfolio, built on NextJS, GSAP, Tailwind, and React.
swajp.me
A visually appealing portfolio and resource hub.
Windows 11 (clone)
A sleek Windows 11 clone built with React, Next.js, Tailwind CSS, ShadCN, and Framer-Motion, featuring smooth animations, draggable windows, and a modern design system.
anonypost
Share your thoughts and experiences anonymously by posting on the platform. Crafted using t3-stack.
bolhadev
The quickest path to learn English is speaking it regularly. Just find someone to chat with.
crept-studio
Crept is a free Open Source project, made on top of Next.js, Tailwind CSS, and Shadcn UI. You can use it to deliver free TV shows and movies.
enjoytown
A free anime, manga, movie, and TV-shows streaming platform. Built with Next.js, shadcn/ui.
grade-calculator
A grade calculator/dashboard for students, aiming to provide a better overview of academic performance.
infinitunes
A simple music player web app built using Next.js, shadcn/ui, Tailwind CSS, Drizzle ORM, and more.
kd
Ad-free Kdrama streaming app. Built with Next.js, Drizzle ORM, NeonDB, and shadcn/ui.
memergez
Quickly generate memes by entering text or an avatar URL, with support for many meme commands.
midday-components
A collection of open-source components based on Midday features.
plotwist
Easy management and reviews of your movies, series, and animes using Next.js, Tailwind CSS, Supabase, and shadcn/ui.
10000+Themes for shadcn/ui
10000+ Themes for shadcn/ui.
dizzy
Bootstrap a new Next or Vite project with shadcn/ui. Customize font, icons, colors, spacing, radii, and shadows.
ewgenius/ui
Create custom themes for shadcn/ui effortlessly using vibrant palettes from Radix Colors.
gradient-picker
Fancy Gradient Picker built with shadcn/ui, Radix UI, and Tailwind CSS.
navnote/rangeen
Tool that helps you to create a colour palette for your website.
shadesigner.com
A shadcn/ui Palette Generator & Theme Designer with a beautiful interface.
shadcn-ui-customizer
POC - shadcn/ui themes with color pickers.
shadcn theme editor
Shadcn Theme Editor is a user-friendly component designed to simplify the process of managing and customizing theme colors in Shadcn-based projects.
ui-colorgen
An application designed to assist you with color configuration of shadcn/ui.
zippy starter's shadcn/ui theme generator
Easily create custom themes from a single colour that you can copy and paste into your apps.
Angular
Angular port of shadcn/ui.
Flutter
Flutter port of shadcn/ui.
Franken UI
HTML-first, framework-agnostic, beautifully designed components that you can truly copy and paste into your site. Accessible. Customizable. Open Source.
JollyUI
shadcn/ui compatible react aria components.
Kotlin
Kotlin port of shadcn/ui.
Phoenix Liveview
Phoenix Liveview port of shadcn/ui.
React Native
React Native port of shadcn/ui.
React Native (recommended)
React Native port of shadcn/ui (recommended).
Ruby
Ruby port of shadcn/ui.
Solid
Solid port of shadcn/ui.
Svelte
Svelte port of shadcn/ui.
Swift
Swift port of shadcn/ui.
Sysinfocus simple/ui
Razor component library for Blazor, inspired by shadcn/ui.
Vue
Vue port of shadcn/ui.
chat-with-youtube
A chrome extension is designed to give you the ability to efficiently summarize videos, easily search for specific parts, and enjoy additional useful features.
designgui
A Chrome Browser Extension for managing colors in CSS Variables.
raycast-shadcn
Raycast extension to Browse shadcn/ui documentation, components, and examples.
shadcn-hsl-preview
shadcn HSL Preview extension for Visual Studio Code.
shadcn-ui
Add components from shadcn/ui directly from VS Code.
shadcn/ui Components Manager
A plugin for Jetbrain products. It allows you to manage your shadcn/ui components across Svelte, React, Vue, and Solid frameworks with this plugin. Simplify tasks like adding, removing, and updating components.
vscode-shadcn-svelte
VS Code extension for shadcn/ui components in Svelte projects.
vscode-shadcn-ui-snippets
Easily import and use shadcn-ui components with ease using snippets within VSCode. Just type cn or shadcn in your jsx/tsx file and you will get a list of all the components to choose from.
vscode-shadcn-vue
Extension for integrating shadcn/ui components into Vue.js projects.