back to home

birobirobiro / awesome-shadcn-ui

A curated list of awesome things related to shadcn/ui.

18,826 stars
1,138 forks
6 issues
TypeScriptCSSJavaScript

AI Architecture Analysis

This repository is indexed by RepoMind. By analyzing birobirobiro/awesome-shadcn-ui in our AI interface, you can instantly generate complete architecture diagrams, visualize control flows, and perform automated security audits across the entire codebase.

Our Agentic Context Augmented Generation (Agentic CAG) engine loads full source files into context, avoiding the fragmentation of traditional RAG systems. Ask questions about the architecture, dependencies, or specific features to see it in action.

Embed this Badge

Showcase RepoMind's analysis directly in your repository's README.

[![Analyzed by RepoMind](https://img.shields.io/badge/Analyzed%20by-RepoMind-4F46E5?style=for-the-badge)](https://repomind-ai.vercel.app/repo/birobirobiro/awesome-shadcn-ui)
Preview:Analyzed by RepoMind

Repository Summary (README)

Preview
<p align="center"> <a href="https://awesome-shadcn-ui.vercel.app" target="_blank"> <img width="400" src="public/logo.svg" alt="awesome-shadcn/ui logo"> </a> </p> <h1 align="center">awesome-shadcn/ui</h1> <p align="center"> A curated list of awesome things related to <a href="https://ui.shadcn.com/" target="_blank">shadcn/ui</a> </p> <p align="center"> <i>Created by <a href="https://birobirobiro.dev/" target="_blank">birobirobiro.dev</a></i><br> <i>Site by <a href="https://bankkroll.xyz/" target="_blank">bankkroll.xyz</a></i><br> <i>Sponsored by</i><br> <a href="https://shadcnstudio.com/?utm_source=awesome-shadcn-ui&utm_medium=banner&utm_campaign=github" target="_blank"> <img src="public/sponsors/shadcnstudio.svg" alt="shadcnstudio.com" width="32"> </a> </p> <p align="center"> <a href="https://awesome-shadcn-ui.vercel.app/" target="_blank"> <img src="https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg" alt="Awesome"> </a> </p>

Libs and Components

NameDescriptionLinkDate
21st.devOpen source npm for shadcn/ui components. Also: Dribble for design engineers. Install UI components via shadcn CLI, or publish your own.Link2024-12-06
8bitcn.comA set of retro-designed, accessible components and a code distribution platform. Open Source. Open Code.Link2025-04-12
aceternity-uiCopy paste the most trending react components without having to worry about styling and animations.Link2024-12-06
animated-headerVercel-like animated header.Link2025-10-20
animated-tabsVercel-like animated tabs.Link2025-04-06
assistant-uiReact Components for AI Chat.Link2024-09-23
audio/uiA set of accessible and composable Audio UI components. Built on top of shadcn/ui, it's designed for you to copy, paste, and own.Link2025-11-20
autocomplete-select-shadcn-uiAutocomplete component built with shadcn/ui and Fancy Multi Select by Maximilian Kaske.Link2024-04-07
auto-formA React component that automatically creates a shadcn/ui form based on a zod schema.Link2024-04-29
async-selectAsync Select component built with shadcn/ui with debounce search.Link2024-07-22
berlixAnimated components library built using Tailwind CSS and MotionLink2025-06-10
big-calendarA modern, feature-rich calendar application with multiple viewing options built using Next.js, TypeScript, and Tailwind CSS.Link2025-03-08
billingsdkModern, type-safe billing and subscription management components for React, built with TypeScript and Tailwind CSS. Designed to work seamlessly alongside shadcn/ui by Dodo Payments. GitHubLink2025-09-06
billuiOpen source billing components for React built with Shadcn. Pricing cards, payment methods, invoice history and more.Link2025-12-25
blocks.soA set of clean, modern building blocks to copy and paste into your apps. Works with all React frameworks.Link2025-09-06
buouuiA UI component library and template suite based on shadcn/ui with stunning landing pages, templates, and rich animations.Link2025-04-06
bunduiA collection of reusable animated components built with Tailwind CSS and Framer Motion.Link2024-09-23
calendarReact/shadcn full calendar like Google CalendarLink2024-05-03
capture-photoBrowser-based React component for camera functionalities in web applications.Link2024-05-06
carouselcnCopy-paste carousel components and examples for your react appsLink2026-01-27
cascader-shadcnA cascading dropdown menu component for selecting hierarchical data like locations, categories, or organizational structures.Link2025-12-04
clerk-elementsComposable components for building custom UIs on top of Clerk's APIs.Link2024-06-07
clerk-shadcn-themeSynchronize Clerk SignIn/SignUp components with shadcn/ui styles.Link2024-06-07
commerce-uiComponents, blocks and examples to build e-commerce storefronts and apps.Link2025-02-20
confirm-dialogA confirm dialog component built with shadcn/ui.Link2024-07-02
country-state-dropdownComponent built with Nextjs, Tailwindcss, shadcn/ui & Zustand.Link2024-02-22
creatorem/uiMissing awesome shadcn components (like Tour, Stepper, QRCode Motion Dialog -> to imitate native behaviour ...) built on top of radix primitives and motion.Link2025-12-19
credenzaReady-made responsive modal component for shadcn/ui.Link2024-06-07
crypto-chartsCrypto charts made for shadcn/ui using PythNetwork.Link2024-07-16
cult-uiCurated set of animated shadcn-style React components.Link2024-05-29
custom-admin-dashboardA minimal, open-source ecommerce admin dashboard template built with shadcn/ui and Next.js. Includes products, products creation and details page, order, customer, and settings pages.Link2025-09-06
data-commandComponent for building dynamic command palettes with API-powered data.Link2025-09-06
date-range-picker-for-shadcnMulti-month views, text entry, preset ranges, responsive design, and date range comparisons.Link2024-04-29
date-time-picker-shadcnDatetime Picker for shadNext Project.Link2024-07-16
date-time-range-picker-shadcnFully featured date-time range picker with multi-month views, timezone support, preset ranges, and modular components for date and time selection.Link2025-03-08
datetime-pickerDatetime picker with timezone support, min/max dates, and month/year selection.Link2024-07-16
dnd-dashboardDashboard with drop-to-swap layouts using Next.js, shadcn/ui, and swapy.Link2024-10-17
downshift-shadcn-comboboxCombobox/autocomplete component built with shadcn/ui and Downshift.Link2024-06-27
drag-to-resize-sidebarExtended shadcn/ui sidebar component with persisted state drag-to-resize functionality.Link2024-11-21
druid/uiIntercom inspired AI chatbot and UI components built on shadcn/ui.Link2024-11-21
drop-drawerA dropdown menu on desktop and a drawer on mobile devices.Link2025-05-13
dy-compsshacn/ui & Framer Motion React components — flexible, responsive & easy to drop into any project.Link2025-03-08
dynamic-svg-arrowConnect any two elements with beautiful, animated paths. Control curve shape, routing, layering, arrowheads, gradients, and responsive behavior in real-time.Link2025-10-09
echo-editorModern WYSIWYG rich-text editor based on tiptap and shadcn/ui.Link2024-06-07
edil-oziReact components with Gsap, framer motion, and tailwind.Link2024-06-27
eldora-uifree and open-source animated components built with React, Typescript, Tailwind CSS, and Framer Motion.Link2024-12-06
emblorCustomizable, accessible tag input component with shadcn/ui.Link2024-04-29
enhanced-buttonEnhanced version of the default shadcn-button component.Link2024-04-29
envinFramework-agnostic, type-safe tool to validate and preview your environment variables - powered by your favorite schema validator.Link2025-07-07
eo-n/uiEnhanced UI components built on shadcn’s robust foundation, integrated with Base UI and Tailwind CSS for a modern and customizable design system.Link2025-04-04
event-timeline-roadmapA pair of customizable, animated event timeline and roadmap componentsLink2025-04-01
extend-uiReusable components built on shadcn/ui for web applications.Link2024-11-28
fancy-areaTextarea with @mention support inspired by GitHub's PR comment section.Link2024-06-27
fancy-boxGitHub PR label selector-inspired Combobox with radix-ui components.Link2024-07-11
fancy-multi-selectMulti Select Component inspired by campsite.design and cal.com.Link2024-04-29
fancy-switchFancy switch component built with shadcn/ui.Link2024-07-11
farmuiStyled and animated component library with npm package support.Link2024-06-08
file-uploaderFile uploader with shadcn/ui and react-dropzone.Link2024-06-07
file-vaultFile upload component for React.Link2024-06-07
floating-dragable-cardDragable and resizable card using shadcn/ui elements.Link2024-11-13
fusion-uiLibrary combining shadcn/ui and MagicUI.Link2024-07-02
glasscn-uishadcn/ui component library with glassmorphism variants, and many additional components.Link2025-06-10
glitchcn-uiA terminal-styled cyberpunk component library for Next.js with scanline effects, glowing borders, and monospace typography.Link2026-02-06
gluestack-uiReact & React Native Components with Tailwind CSS.Link2024-11-08
goey-toastMorphing toast notifications for React. Organic blob animations, promise tracking, and full customization out of the boxLink2026-02-14
heroicons-animatedAn open-source collection of 316 beautifully animated heroicons for your projects.Link2026-01-23
hexta-uiBuild stunning websites effortlessly. Modern, responsive, and customizable UI components for Next.js. Copy, adapt, and personalize them.Link2025-05-14
ibelick/background-snippetReady to use collection of modern background snippets.Link2024-06-09
image-crop-fieldImage crop field with shadcn/ui. This component is a wrapper around the react-easy-crop component.Link2025-10-01
image-upload-shadcnImage upload component.Link2024-10-22
indie-uiUI components with variants.Link2024-06-07
inspira-uiUI components for animated interfaces in Vue/NuxtJS.Link2024-10-22
jolyuiJolyUI is a modern React component library built with TypeScript, Tailwind CSS and Motion. It offers a wide range of customizable and accessible UI components to help you build stunning web applications quickly and efficiently.Link2026-01-23
junwen-k/ui-xAdditional beautifully designed components that you can copy and paste into your apps. Accessible. Customizable. Open Source.Link2025-02-03
kanban-boardA production‑ready Kanban board built on shadcn/ui with React & Tailwind CSS: zero dependencies, drag‑and‑drop, keyboard accessibility and seamless theming.Link2025-07-15
kibo-uiKibo UI is designed to be a more comprehensive library of components that can be used to build more complex applications.Link2025-04-04
kokonut-uiFree Modern and Customizable components for Next.js.Link2024-11-08
ktuiOpen-source collection of customizable UI components for Tailwind CSS and vanilla JavaScriptLink2025-06-10
launch-uiLanding page components with React, Shadcn/ui and Tailwind.Link2024-11-12
lingua-timeSmart datetime picker with natural language input.Link2024-10-22
linked-chartChart component linked with data-table.Link2025-02-03
lukacho-uiNext Generation UI Components.Link2024-07-02
magicuiReact components for landing pages with tailwindcss + framer motion.Link2024-04-25
maily.toNotion-like powerful email editor.Link2024-06-15
manfromexistence-uiComponents to build beautiful designs.Link2024-12-26
manifest-uiComponents for ChatGPT Apps and MCP Apps.Link2025-12-23
matsu-themeGhibli Studio inspired theme for shadcn/ui made by Matt WierzbickiLink2025-04-23
mindmapcnBeautiful mind maps, works seamlessly with shadcn/ui.Link2026-01-27
minimal-tiptapMinimal WYSIWYG editor with shadcn/ui and tiptap.Link2024-06-22
mixcnuiCollection of animated components for Nextjs.Link2024-07-07
modal-control-queryA hook to control shadcn modal components using query paramsLink2025-11-02
moleculeuiA modern React component library focused on intuitive interactions and seamless user experiences.Link2025-09-06
multi-selectionManaging multi-selection functionality with highlighter.Link2025-01-21
mvpblocksCopy-paste beautiful, responsive components without worrying about styling or animations. Build faster, launch sooner.Link2025-05-14
mynauiTailwindCSS and shadcn/ui UI Kit for Figma and React.Link2024-06-22
neobrutalism-componentsNeobrutalism-styled Tailwind React and shadcn/ui components.Link2024-04-07
nextjs-componentsNext.js components with TypeScript and shadcn/ui.Link2024-06-07
nextjs-dndSortable Drag and Drop with Next.js and dnd-kit.Link2024-04-09
nextjs-link-paginationPagination using Nextjs Links and search params.Link2024-07-30
nextjs-multi-image-uploadCompact, responsive file uploader with shadcn/ui, React Hook Form, and cloud support (S3/R2).Link2025-02-23
next-shadcn-dashboard-starterAdmin Dashboard Starter with Nextjs 14 and Shadcn UI.Link2024-06-06
next-stepperDynamic multi-step form with Next.js and zustand.Link2024-11-25
novelNotion-style WYSIWYG editor with AI-powered autocompletion.Link2024-06-11
number-flowReact component for number transitions and formatting.Link2024-10-17
origin-uiBeautiful UI components with Tailwind CSS and Next.js.Link2024-10-28
password-inputshadcn/ui custom password input.Link2024-03-28
payment-gatewaysIntegration of payment gateways with Next.js 14.Link2024-08-05
phone-input-shadcn-uiCustom phone number component with shadcn/ui.Link2024-06-07
pittaya-uiA fully open-source UI library for React, powered by TypeScript and Tailwind CSS. Fast, composable, and ready for production.Link2026-01-27
plannerAdaptable scheduling component for React.Link2024-04-29
plateAI-powered rich-text editor.Link2024-03-21
plate-select-editorRich multi-select editor.Link2024-11-28
pqoqubbwOpen-source animated icons collection.Link2024-11-21
pricing-page-shadcnCustomizable pricing page with Next.js 14.Link2024-04-07
progress-buttonExtended button component with progress UX.Link2024-07-10
re-uiOpen-source collection of UI components and animated effects built with React, Typescript, Tailwind CSS, and Motion. Pairs beautifully with shadcn/uiLink2025-09-06
react-dnd-kit-tailwind-shadcn-uiAccessible kanban board with dnd-kit.Link2024-03-27
react-highlight-popoverHeadless component for text selection popovers.Link2024-10-03
react-pdf-flipbook-viewerPDF flipbook viewer with zoom and fullscreen.Link2024-12-26
react-selectReact-select library with shadcn styling.Link2024-07-22
react-wheel-pickeriOS-like wheel picker for React with smooth inertia scrolling and infinite loop support.Link2025-09-11
recursive-dnd-kanban-boardRecursive drag and drop kanban board.Link2024-10-03
retro-uiAn open source component library, inspred by neo brutalism design systemLink2025-05-13
roadmap-uiComponents for interactive roadmaps.Link2024-12-26
ruixen-uiRuixen UI: Lightweight & Customizable React LibraryLink2025-12-04
search-addressInteractive address search using OpenStreetMap.Link2024-05-07
shadboardAn admin dashboard template built with Next.js 15, React 19, Tailwind CSS v4, and Shadcn/UI components, featuring starter and full kits for scalable, user-friendly web apps.Link2025-04-22
shadcn-address-autocompleteAddress autocomplete with Google Places API.Link2024-07-10
shadcn-adminAdmin Dashboard UI with shadcn/ui and Vite.Link2024-12-27
shadcn-admin-kitPowerful open-source shadcn components to build beautiful internal tools, admin panels, and dashboards with ReactLink2025-07-07
shadcn-blocksOfficial pre-made customizable components.Link2024-03-27
shadcn-blocks-comHundreds of extra blocks built with shadcn/ui.Link2025-02-23
shadcn-builderCreate beautiful, responsive forms with the easy-to-use form builder and generate React code using shadcn/ui components.Link2025-03-31
shadcn-calCal.com monthly calendar replica with shadcn/ui.Link2024-05-03
shadcn-calendar-heatmapModern calendar heatmap alternative.Link2024-07-02
shadcn-calendar-componentCalendar date picker component.Link2024-07-02
shadcn-chatCustomizable chat component.Link2024-04-29
shadcn-carousel-testimonialsCarousel Testimonials component.Link2024-07-16
shadcn-chatbot-kitCustomizable chatbot components.Link2024-12-27
shadcn-color-pickerColor picker with react-color.Link2024-09-23
shadcn-cookiesSleek and flexible cookie consent component, designed with shadcn/uiLink2025-02-06
shadcn-cookie-consentCustomizable cookie consent component.Link2024-10-17
shadcn-components-blocksThe ultimate blocks and components for Shadcn UI & Tailwind CSS.Link2025-09-06
shadcn-country-dropdownISO 3166 country selector dropdown.Link2024-12-27
shadcn-data-table-advanced-col-opionsDataTable with column resizing.Link2024-04-07
shadcn-date-pickerAdvanced date picker with various features.Link2024-07-25
shadcn-drag-and-drop-sortDrag-and-drop sortable list of pills of different widths using dnd-kit.Link2025-02-03
shadcn-drag-tableDrag-and-drop table component.Link2024-02-22
shadcn-dropzoneFile upload component using React-Dropzone, built with accessibility in mind.Link2025-01-13
shadcn-editorLexical editor with shadcn theme.Link2024-11-08
shadcn-examplesDozens of advanced shadcn/ui examples. Easily integrate sample applications and components into your project.Link2025-06-04
shadcn-extendsCollection of shadcn/ui components.Link2024-06-07
shadcn-extensionOpen-source component collection.Link2024-06-07
shadcn-font-pickerFont picker using shadcn/ui components and google font API.Link2025-04-22
shadcn-full-calendarA feature-rich calendar application built with React, TypeScript, and ShadCN UI components. This project provides a customizable and interactive calendar experience with multiple views, event management, and a modern UI.Link2025-07-07
shadcn-iconpickerReact/shadcn simple icon picker using lucide icons.Link2025-02-20
shadcn-image-cropperImage cropper with react-image-crop.Link2024-11-08
shadcn-ioAdvanced Shadcn/UI components.Link2025-09-06
shadcn-linear-comboboxLinear-style task priority combobox.Link2024-04-25
shadcn-location-pickerSimple google maps location picker.Link2025-03-04
shadcn-mapA map component built for shadcn/ui using Leaflet and React Leaflet.Link2025-09-30
shadcn-multi-select-componentMulti-select component.Link2024-06-07
shadcn-number-scrubberDraggable numeric input component.Link2025-01-07
shadcn-packagedThis is an npm package that exports all shadcn/ui components without the need for a CLI, designed for ease of use.Link2025-02-27
shadcn-phone-input-2Phone input with libphonenumber-js.Link2024-06-07
shadcn-phone-inputPhone input with country validation.Link2024-03-27
shadcn-portable-text-editorA headless rich text editor built upon Sanity's Portable Text Editor with opinionated starting styles2025-09-06
shadcn-pricing-pageResponsive pricing component with toggles.Link2024-03-08
shadcn-spinnerSpinner component.Link2024-12-09
shadcn-stepperComplete stepper component.Link2024-04-25
shadcn-studioOpen Source Registry of Shadcn components and blocks.Link2025-04-24
shadcn-table-makerTool for creating dynamic tables.Link2024-12-09
shadcn-table-v2Table with server-side features.Link2024-03-27
shadcn-tanstack-formSeamless shadcn TanStack Form component set. Fully featured with validation support and type-safety.Link2025-10-08
shadcn-timelineCustomizable timeline component.Link2024-06-22
shadcn-timeline-2Alternative timeline component.Link2024-11-08
shadcn-tiptapCustom Tiptap editor extensions.Link2024-11-08
shadcn-vaultsCollection of various interactive components & blocks for Internal Tools UI like Dashboard, Monitoring, Admin, CMS, and more. Specifically made for Full-Stack DevLink2025-07-03
shadcn-tree-viewHierarchical data component.Link2024-09-23
shadcn-ui-blocksCollection of responsive UI blocks.Link2024-06-15
shadcn-ui-expansionsAdditional useful components.Link2024-06-07
shadcn-ui-sidebarRetractable responsive sidebar.Link2024-05-03
shadcn-ui-templatesFree & Premium templates collection.Link2024-09-18
shadcnshipProduction-ready shadcn/ui component registry for building modern SaaS applications with Next.js, TypeScript, and Tailwind CSS.Link2026-01-31
shaduxe-uiComponent variants for shadcn/ui.Link2024-12-27
shadcn-event-calendarA beautiful and flexible event calendar component inspired by Google Calendar and Notion, built with Shadcn UI, TailwindCSS, and Framer Motion.Link2025-07-16
shsfuiMotion-first React components built with Tailwind CSS + Framer Motion.Link2025-03-12
shuipProvides ready-to-use, business-focused components that help you ship faster.Link2025-10-09
siddz-uiA curated collection of modern, reusable React components. Built with performance and accessibility in mind. Copy, paste, and customize.Link2026-02-13
simple-aiComponents and blocks to easily build AI appsLink2025-01-21
simple-image-uploaderImage uploader with dnd, validation and previewsLink2025-03-25
simplekitWallet and account component for Wagmi.Link2024-09-18
skiper-uiStand out from others with this crazzy ui library built with shad-cn cliLink2025-02-03
solanauthSolana wallet authentication modal.Link2024-11-25
sortableSortable component with dnd-kit.Link2024-04-09
spectrum-uiCollection using Aceternity UI Magic UI.Link2024-11-25
stateful-buttonA shadcn/ui button component that provides clear visual feedback with full accessibility support for loading/progress, success, and error states during asynchronous operations.Link2025-09-06
stocksStock Picker with Next.js charts.Link2024-07-07
supabase-shadcn-database-examplesupabase + shadcn/ui datatableLink2024-12-30
supercharged-shadcn-componentsType-safe form components collection.Link2024-11-25
svelte-image-uploaderSvelte image uploader with dnd, validation and previews.Link2025-06-10
tanstack-ui-tableCustomizable table with @tanstack/table and shadcn/uiLink2025-02-27
the-gridcnTron inspired shadcn/ui themeLink2026-02-06
time-pickerSimple TimePicker component.Link2024-04-29
tnks-data-tableAdvanced data table component built with shadcn/ui and TanStack Table featuring server-side operations, row selection, filtering, column customization, and export functionality. Fully TypeScript compatible with comprehensive documentation.Link2025-04-19
tool-uiBeautiful, ready-to-use UI components for AI tool calls and MCP UI.Link2025-12-10
tourA component for building onboarding tours. Designed to integrate with shadcn/ui.Link2025-12-04
tremorComponents for charts and dashboards.Link2024-06-15
twblocksWebsite blocks based on shadcn & Radix.Link2024-11-25
tweet-to-codeTwitter design recreations as code.Link2024-12-26
ui-beatsAnimated React Components collection.Link2024-09-23
ui-layoutsUI Layouts isn’t just a library. It’s a complete toolkit with components, effects, design tools, and ready-to-use blocks, everything you need to build modern interfaces, faster.Link2025-10-15
ui-nference-sha shadcn registry of react ui components for building ai-powered applications, chatbots, and ai agent interfaces.Link2026-02-13
uixmat-onbordaProduct tour for Next.js applications.Link2024-06-07
uselayoutsFree premium animated React components and micro-interactions built with Framer Motion and Tailwind CSS. Modern, ready-to-use motion components for high-converting websites.Link2026-01-23
vaulDrawer component for React.Link2024-06-07
vengence-uiA modern, animated UI component library designed to help developers build beautiful landing pages and interfaces faster.Link2026-02-17
vyoma-uiBeautiful Components Made on top of Shadcn/ui with Spatial Wisdom Inside. Truly Beyond UI.Link2025-07-15
warcraftcnA set of components inspired by classic Warcraft III RTS UI aestheticsLink2026-02-06
wds registryA collection of components that you can use to build your own component library.Link2025-09-06
zoom-chartsZoomable Charts with shadcn/ui.Link2024-07-16

Registries

NameDescriptionLinkDate
more-shadcnA collection of high-quality, copy-paste components for Svelte 5, built on top of shadcn-svelte.Link2026-01-23
neobrutalism-vueA vue-based registry of neobrutalism-styled Tailwind components.Link2025-12-04
registry.directoryA curated directory to discover, preview, and copy shadcn/ui registries.Link2025-09-20
tailarkShadcn blocks for building modern marketing websitesLink2026-02-06
undraw-cnBeautiful, customizable React components for unDraw illustrations.Link2025-12-04

Plugins and Extensions

NameDescriptionLinkDate
chat-with-youtubeA chrome extension is designed to give you the ability to efficiently summarize videos, easily search for specific parts, and enjoy additional useful features.Link2024-06-07
designguiA Chrome Browser Extension for managing colors in CSS Variables.Link2024-09-05
impromptA Chrome extension that enhances prompts on AI websites directly, making your AI prompts more effective and productive.Link2025-09-06
raycast-shadcnRaycast extension to Browse shadcn/ui documentation, components, and examples.Link2024-06-05
shadcn-hsl-previewshadcn HSL Preview extension for Visual Studio Code.Link2024-09-05
shadcn-uiAdd components from shadcn/ui directly from VS Code.Link2024-03-08
shadcn/ui Components ManagerA 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.Link2024-03-28
vscode-shadcn-svelteVS Code extension for shadcn/ui components in Svelte projects.Link2024-03-28
vscode-shadcn-ui-snippetsEasily 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.Link2024-06-05
vscode-shadcn-vueExtension for integrating shadcn/ui components into Vue.js projects.Link2024-03-28

Colors and Customizations

NameDescriptionLinkDate
10000+Themes for shadcn/ui10000+ Themes for shadcn/ui.Link2024-02-22
dizzyBootstrap a new Next or Vite project with shadcn/ui. Customize font, icons, colors, spacing, radii, and shadows.Link2024-06-05
ewgenius/uiCreate custom themes for shadcn/ui effortlessly using vibrant palettes from Radix Colors.Link2024-10-11
gradient-pickerFancy Gradient Picker built with shadcn/ui, Radix UI, and Tailwind CSS.Link2024-03-08
navnote/rangeenTool that helps you to create a colour palette for your website.Link2024-06-05
shadesigner.comA shadcn/ui Palette Generator & Theme Designer with a beautiful interface.Link2024-12-26
shadcn-ui-customizerPOC - shadcn/ui themes with color pickers.Link2024-03-08
shadcn theme editorShadcn Theme Editor is a user-friendly component designed to simplify the process of managing and customizing theme colors in Shadcn-based projects.Link2024-08-19
tweakcnpowerful theme editor for shadcn/ui components, offering beautifully designed themes and seamless Tailwind CSS V4 integrationLink2025-03-25
ui-colorgenAn application designed to assist you with color configuration of shadcn/ui.Link2024-02-22
zippy starter's shadcn/ui theme generatorEasily create custom themes from a single colour that you can copy and paste into your apps.Link2024-03-13

Animations

NameDescriptionLinkDate
animataHand-crafted ✍️ interaction animations and effects from around the internet 🛜 to copy and paste into your project.Link2024-08-26
animate-uiA fully animated, open-source React component distribution. Browse a list of animated primitives, components and icons you can install and use in your projects.Link2025-10-15
magicui.designLargest collection of open-source react components to build beautiful landing pages.Link2024-04-25
motionvariantsBeautiful Framer Motion Animations.Link2024-03-08
smooth-uiHighly customizable, production-ready UI blocks for building beautiful websites and apps that look and feel the way you mean it.Link2025-10-15
tailwindcss-motionA new simple syntax animation library. Batteries included. Infinitely configurable.Link2024-11-13

Tools

NameDescriptionLinkDate
5devsA website to get fake Brazilian data for testing purposes.Link2024-05-31
bento-hubBentoHub is an application where you can create a bento grid for your GitHub profile readme.Link2024-09-09
cheatsheetA comprehensive, interactive reference for shadcn/ui components with live previews, code examples, and instant copy functionality.Link2025-09-22
cut-itLink shortener built using Next.js App Router, Server Actions, Drizzle ORM, Turso, and styled with shadcn/ui.Link2024-06-07
country-data-in-chartsGlobe Graph is a web app that visualizes countries' data like GDP, GDP per capita, and population in different years using many charts.Link2024-09-09
dev-quotesA website that displays quotes from professional programmers.Link2025-01-07
down-dev-detectorThis app lists all the services currently down and uses Atlassian Status Page and others (soon).Link2024-11-04
cv-forgeResume builder built with @shadcn/ui, react-hook-form, and react-pdf.Link2024-11-04
focus-brewA free productivity toolkit that combines essential tools to help you stay focused, organized, and efficient throughout your workday.Link2025-05-14
form-builderUI-based codegen tool to easily create beautiful and type-safe @shadcn/ui forms.Link2024-06-07
form-builder-fastShadcn Form Builder - Build forms in minutes for free.Link2024-12-26
graphitupCreate free downloadable Shadcn-themed chart images. Supports PNG, JPEG, WEBP, and even WEBM videos. Upload your own data for more realistic designs.Link2025-12-26
hook-againA collection of shadcn/ui installable React Hooks.Link2024-11-04
Img2m3A developer tool that automates the process of creating cohesive, accessible design systems. It bridges the gap between Google's Material Design 3 algorithms and the modern Tailwind CSS v4 ecosystem.Link2026-01-23
imgsrcGenerate beautiful Open Graph images with zero effort.Link2024-05-31
invoifyAn invoice generator app built using Next.js, TypeScript, and shadcn/ui.Link2024-03-27
jobsyncJobSync is a job seekers' assistant to manage job search efficiently.Link2024-07-17
memfreeOpen-source hybrid AI search engine, instantly get accurate answers from the internet, bookmarks, notes, and docs. Built using Next.js and shadcn/ui.Link2024-07-22
opensearch-aiSearchGPT/Perplexity clone but personalized for you.Link2024-12-26
pagegen.aiAn AI Page Generator with Claude AI, React, and shadcn/ui. Generate web pages from text, screenshots, and templates with one click.Link2024-12-26
pastecodePastebin alternative built with TypeScript, Next.js, Drizzle, shadcn/ui, and RSC.Link2024-06-07
picteraGenerate Open Graph images without design skills.Link2025-10-08
proxmox-helper-scriptsA catalog of scripts for your Proxmox VE homelab, built with the Next.js App Router and styled with shadcn/ui.Link2024-07-16
quack-dbOpen-source in-browser DuckDB SQL editor.Link2024-10-03
shadcn-easy-installInstall all shadcn components easily. One-click to install all selected components.Link2025-06-10
shadcn-form-builderCreate forms with Shadcn, react-hook-form, and Zod within minutes.Link2024-10-03
shadcn-hooksA comprehensive React Hooks Collection built with Shadcn.Link2025-10-13
shadcn-playA playground for building and previewing shadcn/ui components with a live editor.Link2026-02-13
shadcn-pricing-page-generatorThe easiest way to get a React pricing page with shadcn/ui, Radix UI, and/or Tailwind CSS.Link2024-03-08
shadcn-theme-editorShadcn Theme Editor is a user-friendly component designed to simplify the process of managing and customizing theme colors in Shadcn-based projects.Link2024-08-19
shadcn-zod-formCLI tool to generate shadcn/ui forms from Zod schemas.Link2024-10-03
sharable-form-builderA sharable form builder for creating forms and sharing your form link, based on shadcn/ui and Next.js.Link2024-10-12
shoogleA shadcn search engineLink2026-02-13
slidytabsA tool that adds a sliding indicator animation to shadcn <Tabs /> without changing how you use or customize the componentLink2026-01-23
somedayFree to host and open-source Cal.com/Calendly alternative built on Google Apps Script for Gmail users.Link2024-12-26
sweepSweep is a modern, open-source gradient generator built for designers and developers. Create beautiful linear and radial gradients with real-time preview, noise/blur effects, and export to CSS, Tailwind, SVG, or JPG. Free forever. No sign-up required.Link2025-11-11
tancnBuild powerful forms and tables with ease using TanStack technologiesLink2025-11-02
tinteAn opinionated VS Code Theme Generator 🎨.Link2024-10-03
translate-appTranslate App using TypeScript, Tailwind CSS, NextJS, Bun, shadcn/ui, AI SDK/OpenAI, and Zod.Link2024-07-08
typelabsMonkeyType-inspired typing test app built with React, shadcn, and Zustand at its core.Link2024-07-08
ui-builderA React component editor that provides a no-code, visual way to create UIs, fully compatible with shadcn/ui and custom components.Link2024-10-11
ui-fontsTest and preview fonts in real-time for all your design needs. Choose the perfect typeface with ease.Link2024-10-23
v0Vercel's generative UI system, built on shadcn/ui and TailwindCSS, allows effortless UI generation from text prompts and/or images.Link2024-03-27
vercel-status-trackerTrack the status of all of your projects deployed via Vercel. Built with shadcn/ui and TailwindCSS.Link2025-01-02
wallhaven-desktopWallhaven Wallpaper software desktop. Create a Wallhaven API-based client, a true wallpaper software.Link2024-10-23

Websites and Portfolios Inspirations

NameDescriptionLinkDate
andrewsam.xyzA revamped version of the popular tailwind-nextjs-starter-blog using shadcn/ui, along with a resume section and experience timeline component.Link2024-09-18
birobirobiro.devA personal developer portfolio.Link2024-07-29
bucharitesh.inA minimal portfolio with awesome craft's registry.Link2025-12-25
chanhdai.comA minimal portfolio, component registry, and blog.Link2025-09-11
devfoliosFind best portfolio inspiration from all over the internetLink2025-10-25
godlyAstronomically good web design inspiration. Only the best of the best.Link2024-07-29
hritu.artA clean, modern designer portfolio blending minimal aesthetics with functional UI and built-in email support via React Email.Link2025-06-10
kinhdev24Developer portfolio built with Next.js, shadcn/ui, Aceternity, and Magic UILink2025-07-08
list.swajp.meIt has never been easier to find the right projects or designs by inspiring successful people.Link2024-07-29
mpakravanPortfolio website using React, Next.js, Tailwind CSS, ShadCN, and GSAP, modern design system.Link2025-10-26
nathans-aiAn AI Chatbot acting as a portfolio, built with shadcn/ui components.Link2024-11-21
ifte-13Portfolio made with Next.js, shadcn/ui (with magic ui ) and Email.jsLink2025-10-25
shubhporwal.meAn eye-catching developer portfolio, built on NextJS, GSAP, Tailwind, and React.Link2024-10-03
swajp.meA visually appealing portfolio and resource hub.Link2024-07-29
windows-11-cloneA 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.Link2025-02-20

Platforms

NameDescriptionLinkDate
anonypostShare your thoughts and experiences anonymously by posting on the platform. Crafted using t3-stack.Link2024-07-17
bolhadevThe quickest path to learn English is speaking it regularly. Just find someone to chat with.Link2024-06-04
enjoytownA free anime, manga, movie, and TV-shows streaming platform. Built with Next.js, shadcn/ui.Link2024-06-04
grade-calculatorA grade calculator/dashboard for students, aiming to provide a better overview of academic performance.Link2024-12-27
infinitunesA simple music player web app built using Next.js, shadcn/ui, Tailwind CSS, Drizzle ORM, and more.Link2024-06-04
kdAd-free Kdrama streaming app. Built with Next.js, Drizzle ORM, NeonDB, and shadcn/ui.Link2024-05-31
memergezQuickly generate memes by entering text or an avatar URL, with support for many meme commands.Link2024-08-26
midday-componentsA collection of open-source components based on Midday features.Link2024-11-21
multiboardMinimal Kanban platform. Built with Better-Auth, Next.js, ZenStack, Prisma, and shadcn/ui.Link2025-07-15
plotwistEasy management and reviews of your movies, series, and animes using Next.js, Tailwind CSS, Supabase, and shadcn/ui.Link2024-05-31
veritas-kanbanSelf-hosted Kanban board with AI agent integration, time tracking, and 1,255 tests. Built with React 19, Vite 6, TanStack Query, dnd-kit, and shadcn/ui.Link2026-01-29
xeramailTemporary email address service built with Next.js and shadcn/ui, offering fast inbox access, modern UI, and better control over disposable emails.Link2026-01-01
youropinion.isFree survey platform which supports importing your exisitng shadcn/ui themeLink2025-06-16

Ports

NameDescriptionLinkDate
AngularAngular port of shadcn/ui.Link2024-03-21
BasecoatVanilla HTML, CSS and JS port of shadcn/ui.Link2025-07-07
FlutterFlutter port of shadcn/ui.Link2024-06-07
Franken UIHTML-first, framework-agnostic, beautifully designed components that you can truly copy and paste into your site. Accessible. Customizable. Open Source.Link2024-06-07
JollyUIshadcn/ui compatible react aria components.Link2024-06-07
KotlinKotlin port of shadcn/ui.Link2024-06-07
mkdocs-shadcnMkDocs port of shadcn/ui.Link2025-07-07
.NET (ShadUI)Avalonia port of shadcn/ui. Based on SukiUILink2024-02-22
Phoenix LiveviewPhoenix Liveview port of shadcn/ui.Link2024-06-07
React NativeReact Native port of shadcn/ui.Link2024-06-07
React Native (recommended)React Native port of shadcn/ui (recommended).Link2024-12-27
RubyRuby port of shadcn/ui.Link2024-06-07
SolidSolid port of shadcn/ui.Link2024-03-28
SvelteSvelte port of shadcn/ui.Link2024-02-22
SwiftSwift port of shadcn/ui.Link2024-06-07
Sysinfocus simple/uiRazor component library for Blazor, inspired by shadcn/ui.Link2024-09-09
VueVue port of shadcn/ui.Link2024-02-22

Design System

NameDescriptionLinkDate
shadcn-storybook-registryRegistry of stories for the shadcn components. Quickly get the atomic level components documented in Storybook.Link2025-02-07
obra-shadcn-uiThis file replicates all 51 shadcn/ui v4 components in a composable way as a reusable Figma library..Link2025-06-16
shadcn-ui-componentsEvery component recreated in Figma.Link2024-03-21
shadcn-ui-storybook (JheanAntunes)All shadcn/ui components registered in the storybook by JheanAntunes.Link2024-12-27
shadcn-ui-storybook (fellipeutaka)All shadcn/ui components registered in the storybook by fellipeutaka.Link2024-12-27

Boilerplates / Templates

NameDescriptionLinkDate
astro-eruditeAn opinionated, unstyled static blogging template—built with Astro, Tailwind, and shadcn/ui.Link2025-10-25
atomic-crmOpen-source React CRM built on top of Supabase Demo siteLink2025-09-16
autoflowAn open source GraphRAG (Knowledge Graph) built on top of TiDB Vector, LlamaIndex, and DSPy. Demo site.Link2024-12-06
browser-extension-starter-plasmo-shadcn-trpcBrowser extension starter kit featuring Plasmo, React, Shadcn, and tRPC.Link2024-10-29
chadnextQuick Starter Template includes Next.js 14 App Router, shadcn/ui, LuciaAuth, Prisma, Server Actions, Stripe, Internationalization, and more.Link2024-04-25
cloudflare-saas-stackAn opinionated, batteries-included starter kit for quickly building and deploying SaaS products on Cloudflare.Link2024-07-24
create-tauri-coreA project template for creating a Tauri app with Vite, React, and Tailwind CSS.Link2024-09-23
design-system-templateTurborepo + TailwindCSS + Storybook + shadcn/ui.Link2024-06-06
devstarterDevstarter is a bold, one-page developer portfolio template with a distinctive cyberpunk aesthetic. Built with Next.js, shadcn/ui, and Tailwind CSS, it's designed to help developers showcase their work, skills, and personality in a way that stands out.Link2026-01-27
easy-ui50+ High Quality Open Source Website Templates built using NextJS + shadcn/ui + Tailwind CSS + Framer Motion and more.Link2024-08-06
ecommerce-kitNext.js starter kit with the tools you need to quickly launch your e-commerce site.Link2025-09-06
electron-shadcnElectron app template with shadcn/ui and a bunch of other libs and tools ready to use.Link2024-06-17
forjnotModern Project Starter KitLaunch your next project faster with Forjnot - A professional, customizable and clean starting point featuring modern tech stack and best practices2025-11-20
full-stack-monorepo-starterFull stack monorepo template built using shadcn/ui + Fastify + graphql + vitejs + Docker and more.Link2025-06-10
fumadocs-starterA fully-fledged Fumadocs starter template with built-in plugins, AI features, and everything you need to build your next docs site.Link2025-11-20
horizon-ai-nextjs-shadcn-boilerplatePremium AI NextJS & shadcn/ui Boilerplate + Stripe + Supabase + OAuth.Link2024-05-24
kirimaseA template and boilerplate for quickly starting your next project with shadcn/ui, Tailwind CSS, and Next.js.Link2024-06-11
magicui-startup-templatesMagic UI Startup template built using shadcn/ui + TailwindCSS + Framer Motion.Link2024-04-25
next-shadcn-admin-dashboardModern Admin Dashboard Template built with Shadcn UI and Next.js 15Link2025-10-25
nextMotionWebdev portfolio template with Nodemailer integrated for easy contact form setup. Uses shadcn/ui + TailwindCSS + Framer Motion.Link2024-09-23
next-js-boilerplateQuickly set up a Next.js project with TypeScript, NextAuth.js, PostgreSQL (Prisma), Sentry, Tailwind CSS v4, shadcn/ui, Zod, Zustand, nuqs, ESLint, Husky, and Prettier. Demo site.Link2025-09-08
next-shadcn-dashboard-starterAdmin Dashboard Starter with Nextjs 14 and shadcn/ui.Link2024-06-06
next-starterA 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.Link2024-09-23
nextjs-mdx-blogStarter template built with Contentlayer, MDX, shadcn/ui, and Tailwind CSS.Link2024-04-25
next-js-views-templateAn 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.Link2024-11-21
next-wpHeadless Wordpress Starter built with the NextJS App Router and React Server Components.Link2024-11-21
onyxFull 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.Link2024-08-13
opendocsBeautifully designed template that you can use for your projects for free. Accessible. Customizable. Open Source with i18n support.Link2024-07-29
react-starter-kitAn opinionated, full-stack boilerplate for building modern web apps on the edge. Features Bun, React 19, tRPC, Drizzle ORM, and Cloudflare Workers.Link2025-09-06
react-vite-starterReact starter powered with Vite + Redux Toolkit + RTKQuery + React Router + shadcn UI and many more.Link2024-12-02
shadcn-adminA admin dashboard template for Next.js, React, Vite and Vue.js, built with Tailwind CSS.Link2025-12-12
shadcn-landing-pageLanding page template using shadcn/ui, React, TypeScript, and Tailwind CSS.Link2024-06-06
shadcn-landing-page (Vue)Project conversion shadcn-vue-landing-page to Next.js - Landing page template using Nestjs, shadcn/ui, TypeScript, and Tailwind CSS.Link2024-12-27
shadcn-nextjs-free-boilerplateFree & Open-source NextJS Boilerplate + ChatGPT API Dashboard Template.Link2024-05-24
shadcn-nextjs-dashboardAdmin Dashboard UI built with Shadcn and NextJS. Free and Open-source.Link2025-06-22
shadcn-portfolioA portfolio template, which uses shadcn-ui and Next.JS.Link2025-11-20
shadcn-registry-templateTemplate repository for building a custom component registry for shadcn/ui.Link2024-09-05
shadcn-saas-landingA full-fledged SaaS Landing template built using Next.JS, shadcn/ui, and fumadocs.Link2025-11-20
shadcn-ui-dashboardMultipurpose and powerful admin dashboard template compatible with shadcn/ui.Link2025-09-21
shadcn-vue-landing-pageLanding page template using Vue, shadcn-vue, TypeScript, and Tailwind CSS.Link2024-06-06
shadcn-next-workflowsInteractive workflow builder using React Flows, Next.js, and Shadcn/ui. Create, connect, and validate custom nodes easily.Link2024-10-29
supa-next-shad-authA 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.Link2024-07-02
sveltekit-shadcn-starter-kitProduction ready open-source generic app template featuring database abstraction (Drizzle & Postgres), server utilities, tests, authentication (better-auth), i18n + RTL/LTR support, mdsvex, predefined pages and content (policies, legal, etc.), App Shell component, base and custom components built with shadcn/ui, Cookies management (compliance), SEO managemnt support, CLI tooling and more. DemoLink2025-09-23
t3-app-templateAdmin template for T3 Stack and shadcn/ui.Link2024-04-25
tailwind-adminOpen Source Shadcn Dashboard Template Built On React and Tailwind CSSLink2026-01-03
taxonomyAn open-source application built using the new router, server components, and everything new in Next.js.Link2024-03-21
template-nextA clean Next.js template with TypeScript, TailwindCSS, Shadcn/ui, and Prettier.Link2024-09-24
turborepo-nextjs-wxt-shadcn-boilerplateTurborepo boilerplate featuring web and web-extension apps with shadcn/ui for shared ui components and unified Typescript, ESLint, Tailwind CSS, and Prettier configs.Link2025-04-24
turborepo-shadcn-ui-tailwindcssTurborepo starter with shadcn/ui & TailwindCSS pre-configured for shared UI components.Link2024-06-06
turborepo-launchpadA comprehensive monorepo boilerplate for shadcn projects using Turbo. It features a highly scalable setup ideal for developing complex applications with shared components and utilities.Link2024-06-10
waitlyA simple and useful waitlist Next.js and Shadcn UI template.Link2025-12-19
wordpress-plugin-boilerplateWordPress Plugin Boilerplate utilizing modern web technologies and tools such as React, TypeScript, SASS, TailwindCSS, Shadcn UI, Vite, Grunt.js, Storybook, HMR, and more.Link2024-09-24

Star History

<picture> <source media="(prefers-color-scheme: dark)" srcset="https://api.star-history.com/svg?repos=birobirobiro/awesome-shadcn-ui&type=Date&theme=dark" /> <source media="(prefers-color-scheme: light)" srcset="https://api.star-history.com/svg?repos=birobirobiro/awesome-shadcn-ui&type=Date" /> <img alt="Star History Chart" src="https://api.star-history.com/svg?repos=birobirobiro/awesome-shadcn-ui&type=Date" /> </picture>

Contributors

Thanks goes to all these wonderful people:

<a href="https://github.com/birobirobiro/awesome-shadcn-ui/graphs/contributors"> <img src="https://contrib.rocks/image?repo=birobirobiro/awesome-shadcn-ui" /> </a>

License

This project is licensed under the MIT License - see the LICENSE file for details.

Development & Contributing

For the Website

  • Development Guide: See DEVELOPMENT.md for setup, architecture, and configuration
  • Contributing: Fork the repository, create a feature branch, and submit a PR

For the Awesome List

  • Via Website: Use the built-in submission form at awesome-shadcn-ui.vercel.app
  • Via GitHub: Follow the PR template when creating pull requests
  • Guidelines: Ensure resources are shadcn/ui related, well-documented, and actively maintained