A curated list of awesome things related to shadcn/ui
Created by birobirobiro.dev
Site by bankkroll.xyz
| Name | Description | Link | Date |
|---|---|---|---|
| 21st.dev | Open source npm for shadcn/ui components. Also: Dribble for design engineers. Install UI components via shadcn CLI, or publish your own. | Link | 2024-12-06 |
| 8bitcn.com | A set of retro-designed, accessible components and a code distribution platform. Open Source. Open Code. | Link | 2025-04-12 |
| aceternity-ui | Copy paste the most trending react components without having to worry about styling and animations. | Link | 2024-12-06 |
| animated-header | Vercel-like animated header. | Link | 2025-10-20 |
| animated-tabs | Vercel-like animated tabs. | Link | 2025-04-06 |
| assistant-ui | React Components for AI Chat. | Link | 2024-09-23 |
| autocomplete-select-shadcn-ui | Autocomplete component built with shadcn/ui and Fancy Multi Select by Maximilian Kaske. | Link | 2024-04-07 |
| auto-form | A React component that automatically creates a shadcn/ui form based on a zod schema. | Link | 2024-04-29 |
| async-select | Async Select component built with shadcn/ui with debounce search. | Link | 2024-07-22 |
| berlix | Animated components library built using Tailwind CSS and Motion | Link | 2025-06-10 |
| big-calendar | A modern, feature-rich calendar application with multiple viewing options built using Next.js, TypeScript, and Tailwind CSS. | Link | 2025-03-08 |
| billingsdk | Modern, 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. GitHub | Link | 2025-09-06 |
| blocks.so | A set of clean, modern building blocks to copy and paste into your apps. Works with all React frameworks. | Link | 2025-09-06 |
| buouui | A UI component library and template suite based on shadcn/ui with stunning landing pages, templates, and rich animations. | Link | 2025-04-06 |
| bundui | A collection of reusable animated components built with Tailwind CSS and Framer Motion. | Link | 2024-09-23 |
| calendar | React/shadcn full calendar like Google Calendar | Link | 2024-05-03 |
| capture-photo | Browser-based React component for camera functionalities in web applications. | Link | 2024-05-06 |
| clerk-elements | Composable components for building custom UIs on top of Clerk's APIs. | Link | 2024-06-07 |
| clerk-shadcn-theme | Synchronize Clerk SignIn/SignUp components with shadcn/ui styles. | Link | 2024-06-07 |
| commerce-ui | Components, blocks and examples to build e-commerce storefronts and apps. | Link | 2025-02-20 |
| confirm-dialog | A confirm dialog component built with shadcn/ui. | Link | 2024-07-02 |
| country-state-dropdown | Component built with Nextjs, Tailwindcss, shadcn/ui & Zustand. | Link | 2024-02-22 |
| creatorem/ui | Missing awesome shadcn components (like Tour, Stepper, QRCode Motion Dialog -> to imitate native behaviour ...) built on top of radix primitives and motion. | Link | 2025-12-19 |
| credenza | Ready-made responsive modal component for shadcn/ui. | Link | 2024-06-07 |
| crypto-charts | Crypto charts made for shadcn/ui using PythNetwork. | Link | 2024-07-16 |
| cult-ui | Curated set of animated shadcn-style React components. | Link | 2024-05-29 |
| custom-admin-dashboard | A 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. | Link | 2025-09-06 |
| data-command | Component for building dynamic command palettes with API-powered data. | Link | 2025-09-06 |
| date-range-picker-for-shadcn | Multi-month views, text entry, preset ranges, responsive design, and date range comparisons. | Link | 2024-04-29 |
| date-time-picker-shadcn | Datetime Picker for shadNext Project. | Link | 2024-07-16 |
| 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. | Link | 2025-03-08 |
| datetime-picker | Datetime picker with timezone support, min/max dates, and month/year selection. | Link | 2024-07-16 |
| dnd-dashboard | Dashboard with drop-to-swap layouts using Next.js, shadcn/ui, and swapy. | Link | 2024-10-17 |
| downshift-shadcn-combobox | Combobox/autocomplete component built with shadcn/ui and Downshift. | Link | 2024-06-27 |
| drag-to-resize-sidebar | Extended shadcn/ui sidebar component with persisted state drag-to-resize functionality. | Link | 2024-11-21 |
| druid/ui | Intercom inspired AI chatbot and UI components built on shadcn/ui. | Link | 2024-11-21 |
| drop-drawer | A dropdown menu on desktop and a drawer on mobile devices. | Link | 2025-05-13 |
| dy-comps | shacn/ui & Framer Motion React components — flexible, responsive & easy to drop into any project. | Link | 2025-03-08 |
| dynamic-svg-arrow | Connect any two elements with beautiful, animated paths. Control curve shape, routing, layering, arrowheads, gradients, and responsive behavior in real-time. | Link | 2025-10-09 |
| echo-editor | Modern WYSIWYG rich-text editor based on tiptap and shadcn/ui. | Link | 2024-06-07 |
| edil-ozi | React components with Gsap, framer motion, and tailwind. | Link | 2024-06-27 |
| eldora-ui | free and open-source animated components built with React, Typescript, Tailwind CSS, and Framer Motion. | Link | 2024-12-06 |
| emblor | Customizable, accessible tag input component with shadcn/ui. | Link | 2024-04-29 |
| enhanced-button | Enhanced version of the default shadcn-button component. | Link | 2024-04-29 |
| envin | Framework-agnostic, type-safe tool to validate and preview your environment variables - powered by your favorite schema validator. | Link | 2025-07-07 |
| eo-n/ui | Enhanced UI components built on shadcn’s robust foundation, integrated with Base UI and Tailwind CSS for a modern and customizable design system. | Link | 2025-04-04 |
| event-timeline-roadmap | A pair of customizable, animated event timeline and roadmap components | Link | 2025-04-01 |
| extend-ui | Reusable components built on shadcn/ui for web applications. | Link | 2024-11-28 |
| fancy-area | Textarea with @mention support inspired by GitHub's PR comment section. | Link | 2024-06-27 |
| fancy-box | GitHub PR label selector-inspired Combobox with radix-ui components. | Link | 2024-07-11 |
| fancy-multi-select | Multi Select Component inspired by campsite.design and cal.com. | Link | 2024-04-29 |
| fancy-switch | Fancy switch component built with shadcn/ui. | Link | 2024-07-11 |
| farmui | Styled and animated component library with npm package support. | Link | 2024-06-08 |
| file-uploader | File uploader with shadcn/ui and react-dropzone. | Link | 2024-06-07 |
| file-vault | File upload component for React. | Link | 2024-06-07 |
| floating-dragable-card | Dragable and resizable card using shadcn/ui elements. | Link | 2024-11-13 |
| fusion-ui | Library combining shadcn/ui and MagicUI. | Link | 2024-07-02 |
| glasscn-ui | shadcn/ui component library with glassmorphism variants, and many additional components. | Link | 2025-06-10 |
| gluestack-ui | React & React Native Components with Tailwind CSS. | Link | 2024-11-08 |
| hexta-ui | Build stunning websites effortlessly. Modern, responsive, and customizable UI components for Next.js. Copy, adapt, and personalize them. | Link | 2025-05-14 |
| ibelick/background-snippet | Ready to use collection of modern background snippets. | Link | 2024-06-09 |
| image-crop-field | Image crop field with shadcn/ui. This component is a wrapper around the react-easy-crop component. | Link | 2025-10-01 |
| image-upload-shadcn | Image upload component. | Link | 2024-10-22 |
| indie-ui | UI components with variants. | Link | 2024-06-07 |
| inspira-ui | UI components for animated interfaces in Vue/NuxtJS. | Link | 2024-10-22 |
| junwen-k/ui-x | Additional beautifully designed components that you can copy and paste into your apps. Accessible. Customizable. Open Source. | Link | 2025-02-03 |
| kanban-board | A production‑ready Kanban board built on shadcn/ui with React & Tailwind CSS: zero dependencies, drag‑and‑drop, keyboard accessibility and seamless theming. | Link | 2025-07-15 |
| kibo-ui | Kibo UI is designed to be a more comprehensive library of components that can be used to build more complex applications. | Link | 2025-04-04 |
| kokonut-ui | Free Modern and Customizable components for Next.js. | Link | 2024-11-08 |
| ktui | Open-source collection of customizable UI components for Tailwind CSS and vanilla JavaScript | Link | 2025-06-10 |
| launch-ui | Landing page components with React, Shadcn/ui and Tailwind. | Link | 2024-11-12 |
| lingua-time | Smart datetime picker with natural language input. | Link | 2024-10-22 |
| linked-chart | Chart component linked with data-table. | Link | 2025-02-03 |
| lukacho-ui | Next Generation UI Components. | Link | 2024-07-02 |
| manfromexistence-ui | Components to build beautiful designs. | Link | 2024-12-26 |
| magicui | React components for landing pages with tailwindcss + framer motion. | Link | 2024-04-25 |
| maily.to | Notion-like powerful email editor. | Link | 2024-06-15 |
| matsu-theme | Ghibli Studio inspired theme for shadcn/ui made by Matt Wierzbicki | Link | 2025-04-23 |
| minimal-tiptap | Minimal WYSIWYG editor with shadcn/ui and tiptap. | Link | 2024-06-22 |
| mixcnui | Collection of animated components for Nextjs. | Link | 2024-07-07 |
| moleculeui | A modern React component library focused on intuitive interactions and seamless user experiences. | Link | 2025-09-06 |
| multi-selection | Managing multi-selection functionality with highlighter. | Link | 2025-01-21 |
| mvpblocks | Copy-paste beautiful, responsive components without worrying about styling or animations. Build faster, launch sooner. | Link | 2025-05-14 |
| mynaui | TailwindCSS and shadcn/ui UI Kit for Figma and React. | Link | 2024-06-22 |
| neobrutalism-components | Neobrutalism-styled Tailwind React and shadcn/ui components. | Link | 2024-04-07 |
| nextjs-components | Next.js components with TypeScript and shadcn/ui. | Link | 2024-06-07 |
| nextjs-dnd | Sortable Drag and Drop with Next.js and dnd-kit. | Link | 2024-04-09 |
| nextjs-link-pagination | Pagination using Nextjs Links and search params. | Link | 2024-07-30 |
| nextjs-multi-image-upload | Compact, responsive file uploader with shadcn/ui, React Hook Form, and cloud support (S3/R2). | Link | 2025-02-23 |
| next-shadcn-dashboard-starter | Admin Dashboard Starter with Nextjs 14 and Shadcn UI. | Link | 2024-06-06 |
| next-stepper | Dynamic multi-step form with Next.js and zustand. | Link | 2024-11-25 |
| novel | Notion-style WYSIWYG editor with AI-powered autocompletion. | Link | 2024-06-11 |
| number-flow | React component for number transitions and formatting. | Link | 2024-10-17 |
| omi3/ui | UI components for the Omi3 audio project, distributed via a shadcn/ui registry. | Link | 2025-05-01 |
| origin-ui | Beautiful UI components with Tailwind CSS and Next.js. | Link | 2024-10-28 |
| password-input | shadcn/ui custom password input. | Link | 2024-03-28 |
| payment-gateways | Integration of payment gateways with Next.js 14. | Link | 2024-08-05 |
| phone-input-shadcn-ui | Custom phone number component with shadcn/ui. | Link | 2024-06-07 |
| planner | Adaptable scheduling component for React. | Link | 2024-04-29 |
| plate | AI-powered rich-text editor. | Link | 2024-03-21 |
| plate-select-editor | Rich multi-select editor. | Link | 2024-11-28 |
| pqoqubbw | Open-source animated icons collection. | Link | 2024-11-21 |
| pricing-page-shadcn | Customizable pricing page with Next.js 14. | Link | 2024-04-07 |
| progress-button | Extended button component with progress UX. | Link | 2024-07-10 |
| re-ui | Open-source collection of UI components and animated effects built with React, Typescript, Tailwind CSS, and Motion. Pairs beautifully with shadcn/ui | Link | 2025-09-06 |
| react-dnd-kit-tailwind-shadcn-ui | Accessible kanban board with dnd-kit. | Link | 2024-03-27 |
| react-highlight-popover | Headless component for text selection popovers. | Link | 2024-10-03 |
| react-pdf-flipbook-viewer | PDF flipbook viewer with zoom and fullscreen. | Link | 2024-12-26 |
| react-select | React-select library with shadcn styling. | Link | 2024-07-22 |
| react-wheel-picker | iOS-like wheel picker for React with smooth inertia scrolling and infinite loop support. | Link | 2025-09-11 |
| recursive-dnd-kanban-board | Recursive drag and drop kanban board. | Link | 2024-10-03 |
| retro-ui | An open source component library, inspred by neo brutalism design system | Link | 2025-05-13 |
| roadmap-ui | Components for interactive roadmaps. | Link | 2024-12-26 |
| search-address | Interactive address search using OpenStreetMap. | Link | 2024-05-07 |
| shadboard | An 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. | Link | 2025-04-22 |
| shadcn-address-autocomplete | Address autocomplete with Google Places API. | Link | 2024-07-10 |
| shadcn-admin | Admin Dashboard UI with shadcn/ui and Vite. | Link | 2024-12-27 |
| shadcn-admin-kit | Powerful open-source shadcn components to build beautiful internal tools, admin panels, and dashboards with React | Link | 2025-07-07 |
| shadcn-blocks | Official pre-made customizable components. | Link | 2024-03-27 |
| shadcn-blocks-com | Hundreds of extra blocks built with shadcn/ui. | Link | 2025-02-23 |
| shadcn-builder | Create beautiful, responsive forms with the easy-to-use form builder and generate React code using shadcn/ui components. | Link | 2025-03-31 |
| shadcn-cal | Cal.com monthly calendar replica with shadcn/ui. | Link | 2024-05-03 |
| shadcn-calendar-heatmap | Modern calendar heatmap alternative. | Link | 2024-07-02 |
| shadcn-calendar-component | Calendar date picker component. | Link | 2024-07-02 |
| shadcn-chat | Customizable chat component. | Link | 2024-04-29 |
| shadcn-carousel-testimonials | Carousel Testimonials component. | Link | 2024-07-16 |
| shadcn-chatbot-kit | Customizable chatbot components. | Link | 2024-12-27 |
| shadcn-color-picker | Color picker with react-color. | Link | 2024-09-23 |
| shadcn-cookies | Sleek and flexible cookie consent component, designed with shadcn/ui | Link | 2025-02-06 |
| shadcn-cookie-consent | Customizable cookie consent component. | Link | 2024-10-17 |
| shadcn-components-blocks | The ultimate blocks and components for Shadcn UI & Tailwind CSS. | Link | 2025-09-06 |
| shadcn-country-dropdown | ISO 3166 country selector dropdown. | Link | 2024-12-27 |
| shadcn-data-table-advanced-col-opions | DataTable with column resizing. | Link | 2024-04-07 |
| shadcn-date-picker | Advanced date picker with various features. | Link | 2024-07-25 |
| shadcn-drag-and-drop-sort | Drag-and-drop sortable list of pills of different widths using dnd-kit. | Link | 2025-02-03 |
| shadcn-drag-table | Drag-and-drop table component. | Link | 2024-02-22 |
| shadcn-dropzone | File upload component using React-Dropzone, built with accessibility in mind. | Link | 2025-01-13 |
| shadcn-editor | Lexical editor with shadcn theme. | Link | 2024-11-08 |
| shadcn-examples | Dozens of advanced shadcn/ui examples. Easily integrate sample applications and components into your project. | Link | 2025-06-04 |
| shadcn-extends | Collection of shadcn/ui components. | Link | 2024-06-07 |
| shadcn-extension | Open-source component collection. | Link | 2024-06-07 |
| shadcn-font-picker | Font picker using shadcn/ui components and google font API. | Link | 2025-04-22 |
| shadcn-full-calendar | A 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. | Link | 2025-07-07 |
| shadcn-iconpicker | React/shadcn simple icon picker using lucide icons. | Link | 2025-02-20 |
| shadcn-image-cropper | Image cropper with react-image-crop. | Link | 2024-11-08 |
| shadcn-io | Advanced Shadcn/UI components. | Link | 2025-09-06 |
| shadcn-linear-combobox | Linear-style task priority combobox. | Link | 2024-04-25 |
| shadcn-location-picker | Simple google maps location picker. | Link | 2025-03-04 |
| shadcn-map | A map component built for shadcn/ui using Leaflet and React Leaflet. | Link | 2025-09-30 |
| shadcn-multi-select-component | Multi-select component. | Link | 2024-06-07 |
| shadcn-number-scrubber | Draggable numeric input component. | Link | 2025-01-07 |
| shadcn-packaged | This is an npm package that exports all shadcn/ui components without the need for a CLI, designed for ease of use. | Link | 2025-02-27 |
| shadcn-phone-input-2 | Phone input with libphonenumber-js. | Link | 2024-06-07 |
| shadcn-phone-input | Phone input with country validation. | Link | 2024-03-27 |
| shadcn-portable-text-editor | A headless rich text editor built upon Sanity's Portable Text Editor with opinionated starting styles | 2025-09-06 | |
| shadcn-pricing-page | Responsive pricing component with toggles. | Link | 2024-03-08 |
| shadcn-spinner | Spinner component. | Link | 2024-12-09 |
| shadcn-stepper | Complete stepper component. | Link | 2024-04-25 |
| shadcn-studio | Open Source Registry of Shadcn components and blocks. | Link | 2025-04-24 |
| shadcn-table-maker | Tool for creating dynamic tables. | Link | 2024-12-09 |
| shadcn-table-v2 | Table with server-side features. | Link | 2024-03-27 |
| shadcn-tanstack-form | Seamless shadcn TanStack Form component set. Fully featured with validation support and type-safety. | Link | 2025-10-08 |
| shadcn-timeline | Customizable timeline component. | Link | 2024-06-22 |
| shadcn-timeline-2 | Alternative timeline component. | Link | 2024-11-08 |
| shadcn-tiptap | Custom Tiptap editor extensions. | Link | 2024-11-08 |
| shadcn-vaults | Collection of various interactive components & blocks for Internal Tools UI like Dashboard, Monitoring, Admin, CMS, and more. Specifically made for Full-Stack Dev | Link | 2025-07-03 |
| shadcn-tree-view | Hierarchical data component. | Link | 2024-09-23 |
| shadcn-ui-blocks | Collection of responsive UI blocks. | Link | 2024-06-15 |
| shadcn-ui-expansions | Additional useful components. | Link | 2024-06-07 |
| shadcn-ui-sidebar | Retractable responsive sidebar. | Link | 2024-05-03 |
| shadcn-ui-templates | Free & Premium templates collection. | Link | 2024-09-18 |
| shaduxe-ui | Component variants for shadcn/ui. | Link | 2024-12-27 |
| shadcn-event-calendar | A beautiful and flexible event calendar component inspired by Google Calendar and Notion, built with Shadcn UI, TailwindCSS, and Framer Motion. | Link | 2025-07-16 |
| shsfui | Motion-first React components built with Tailwind CSS + Framer Motion. | Link | 2025-03-12 |
| shuip | Provides ready-to-use, business-focused components that help you ship faster. | Link | 2025-10-09 |
| simple-ai | Components and blocks to easily build AI apps | Link | 2025-01-21 |
| simple-image-uploader | Image uploader with dnd, validation and previews | Link | 2025-03-25 |
| simplekit | Wallet and account component for Wagmi. | Link | 2024-09-18 |
| skiper-ui | Stand out from others with this crazzy ui library built with shad-cn cli | Link | 2025-02-03 |
| solanauth | Solana wallet authentication modal. | Link | 2024-11-25 |
| sortable | Sortable component with dnd-kit. | Link | 2024-04-09 |
| spectrum-ui | Collection using Aceternity UI Magic UI. | Link | 2024-11-25 |
| stateful-button | A shadcn/ui button component that provides clear visual feedback with full accessibility support for loading/progress, success, and error states during asynchronous operations. | Link | 2025-09-06 |
| stocks | Stock Picker with Next.js charts. | Link | 2024-07-07 |
| stunning-ui | Interactive Tailwind components for Vue. | Link | 2024-10-22 |
| supabase-shadcn-database-example | supabase + shadcn/ui datatable | Link | 2024-12-30 |
| supercharged-shadcn-components | Type-safe form components collection. | Link | 2024-11-25 |
| svelte-image-uploader | Svelte image uploader with dnd, validation and previews. | Link | 2025-06-10 |
| tanstack-ui-table | Customizable table with @tanstack/table and shadcn/ui | Link | 2025-02-27 |
| time-picker | Simple TimePicker component. | Link | 2024-04-29 |
| tnks-data-table | Advanced 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. | Link | 2025-04-19 |
| tremor | Components for charts and dashboards. | Link | 2024-06-15 |
| twblocks | Website blocks based on shadcn & Radix. | Link | 2024-11-25 |
| tweet-to-code | Twitter design recreations as code. | Link | 2024-12-26 |
| ui-beats | Animated React Components collection. | Link | 2024-09-23 |
| ui-layouts | UI 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. | Link | 2025-10-15 |
| uixmat-onborda | Product tour for Next.js applications. | Link | 2024-06-07 |
| vaul | Drawer component for React. | Link | 2024-06-07 |
| vyoma-ui | Beautiful Components Made on top of Shadcn/ui with Spatial Wisdom Inside. Truly Beyond UI. | Link | 2025-07-15 |
| wds registry | A collection of components that you can use to build your own component library. | Link | 2025-09-06 |
| zoom-charts | Zoomable Charts with shadcn/ui. | Link | 2024-07-16 |
| Name | Description | Link | Date |
|---|---|---|---|
| registry.directory | A curated directory to discover, preview, and copy shadcn/ui registries. | Link | 2025-09-20 |
| Name | Description | Link | Date |
|---|---|---|---|
| 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. | Link | 2024-06-07 |
| designgui | A Chrome Browser Extension for managing colors in CSS Variables. | Link | 2024-09-05 |
| imprompt | A Chrome extension that enhances prompts on AI websites directly, making your AI prompts more effective and productive. | Link | 2025-09-06 |
| raycast-shadcn | Raycast extension to Browse shadcn/ui documentation, components, and examples. | Link | 2024-06-05 |
| shadcn-hsl-preview | shadcn HSL Preview extension for Visual Studio Code. | Link | 2024-09-05 |
| shadcn-ui | Add components from shadcn/ui directly from VS Code. | Link | 2024-03-08 |
| 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. | Link | 2024-03-28 |
| vscode-shadcn-svelte | VS Code extension for shadcn/ui components in Svelte projects. | Link | 2024-03-28 |
| 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. | Link | 2024-06-05 |
| vscode-shadcn-vue | Extension for integrating shadcn/ui components into Vue.js projects. | Link | 2024-03-28 |
| Name | Description | Link | Date |
|---|---|---|---|
| 10000+Themes for shadcn/ui | 10000+ Themes for shadcn/ui. | Link | 2024-02-22 |
| dizzy | Bootstrap a new Next or Vite project with shadcn/ui. Customize font, icons, colors, spacing, radii, and shadows. | Link | 2024-06-05 |
| ewgenius/ui | Create custom themes for shadcn/ui effortlessly using vibrant palettes from Radix Colors. | Link | 2024-10-11 |
| gradient-picker | Fancy Gradient Picker built with shadcn/ui, Radix UI, and Tailwind CSS. | Link | 2024-03-08 |
| navnote/rangeen | Tool that helps you to create a colour palette for your website. | Link | 2024-06-05 |
| shadesigner.com | A shadcn/ui Palette Generator & Theme Designer with a beautiful interface. | Link | 2024-12-26 |
| shadcn-ui-customizer | POC - shadcn/ui themes with color pickers. | Link | 2024-03-08 |
| 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. | Link | 2024-08-19 |
| tweakcn | powerful theme editor for shadcn/ui components, offering beautifully designed themes and seamless Tailwind CSS V4 integration | Link | 2025-03-25 |
| ui-colorgen | An application designed to assist you with color configuration of shadcn/ui. | Link | 2024-02-22 |
| zippy starter's shadcn/ui theme generator | Easily create custom themes from a single colour that you can copy and paste into your apps. | Link | 2024-03-13 |
| Name | Description | Link | Date |
|---|---|---|---|
| animata | Hand-crafted ✍️ interaction animations and effects from around the internet 🛜 to copy and paste into your project. | Link | 2024-08-26 |
| animate-ui | A fully animated, open-source React component distribution. Browse a list of animated primitives, components and icons you can install and use in your projects. | Link | 2025-10-15 |
| magicui.design | Largest collection of open-source react components to build beautiful landing pages. | Link | 2024-04-25 |
| motionvariants | Beautiful Framer Motion Animations. | Link | 2024-03-08 |
| smooth-ui | Highly customizable, production-ready UI blocks for building beautiful websites and apps that look and feel the way you mean it. | Link | 2025-10-15 |
| tailwindcss-motion | A new simple syntax animation library. Batteries included. Infinitely configurable. | Link | 2024-11-13 |
| Name | Description | Link | Date |
|---|---|---|---|
| 5devs | A website to get fake Brazilian data for testing purposes. | Link | 2024-05-31 |
| bento-hub | BentoHub is an application where you can create a bento grid for your GitHub profile readme. | Link | 2024-09-09 |
| cheatsheet | A comprehensive, interactive reference for shadcn/ui components with live previews, code examples, and instant copy functionality. | Link | 2025-09-22 |
| cut-it | Link shortener built using Next.js App Router, Server Actions, Drizzle ORM, Turso, and styled with shadcn/ui. | Link | 2024-06-07 |
| 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. | Link | 2024-09-09 |
| dev-quotes | A website that displays quotes from professional programmers. | Link | 2025-01-07 |
| down-dev-detector | This app lists all the services currently down and uses Atlassian Status Page and others (soon). | Link | 2024-11-04 |
| cv-forge | Resume builder built with @shadcn/ui, react-hook-form, and react-pdf. | Link | 2024-11-04 |
| excelkits | Create free downloadable Shadcn-themed chart images. Supports PNG, JPEG, WEBP, and even WEBM videos. Upload your own data for more realistic designs. | Link | 2024-12-26 |
| focus-brew | A free productivity toolkit that combines essential tools to help you stay focused, organized, and efficient throughout your workday. | Link | 2025-05-14 |
| form-builder | UI-based codegen tool to easily create beautiful and type-safe @shadcn/ui forms. | Link | 2024-06-07 |
| form-builder-fast | Shadcn Form Builder - Build forms in minutes for free. | Link | 2024-12-26 |
| hook-again | A collection of shadcn/ui installable React Hooks. | Link | 2024-11-04 |
| imgsrc | Generate beautiful Open Graph images with zero effort. | Link | 2024-05-31 |
| invoify | An invoice generator app built using Next.js, TypeScript, and shadcn/ui. | Link | 2024-03-27 |
| jobsync | JobSync is a job seekers' assistant to manage job search efficiently. | Link | 2024-07-17 |
| 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. | Link | 2024-07-22 |
| opensearch-ai | SearchGPT/Perplexity clone but personalized for you. | Link | 2024-12-26 |
| pagegen.ai | An AI Page Generator with Claude AI, React, and shadcn/ui. Generate web pages from text, screenshots, and templates with one click. | Link | 2024-12-26 |
| pastecode | Pastebin alternative built with TypeScript, Next.js, Drizzle, shadcn/ui, and RSC. | Link | 2024-06-07 |
| pictera | Generate Open Graph images without design skills. | Link | 2025-10-08 |
| proxmox-helper-scripts | A catalog of scripts for your Proxmox VE homelab, built with the Next.js App Router and styled with shadcn/ui. | Link | 2024-07-16 |
| quack-db | Open-source in-browser DuckDB SQL editor. | Link | 2024-10-03 |
| shadcn-easy-install | Install all shadcn components easily. One-click to install all selected components. | Link | 2025-06-10 |
| shadcn-form-builder | Create forms with Shadcn, react-hook-form, and Zod within minutes. | Link | 2024-10-03 |
| shadcn-hooks | A comprehensive React Hooks Collection built with Shadcn. | Link | 2025-10-13 |
| shadcn-pricing-page-generator | The easiest way to get a React pricing page with shadcn/ui, Radix UI, and/or Tailwind CSS. | Link | 2024-03-08 |
| 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. | Link | 2024-08-19 |
| shadcn-zod-form | CLI tool to generate shadcn/ui forms from Zod schemas. | Link | 2024-10-03 |
| sharable-form-builder | A sharable form builder for creating forms and sharing your form link, based on shadcn/ui and Next.js. | Link | 2024-10-12 |
| someday | Free to host and open-source Cal.com/Calendly alternative built on Google Apps Script for Gmail users. | Link | 2024-12-26 |
| tinte | An opinionated VS Code Theme Generator 🎨. | Link | 2024-10-03 |
| translate-app | Translate App using TypeScript, Tailwind CSS, NextJS, Bun, shadcn/ui, AI SDK/OpenAI, and Zod. | Link | 2024-07-08 |
| typelabs | MonkeyType-inspired typing test app built with React, shadcn, and Zustand at its core. | Link | 2024-07-08 |
| ui-builder | A React component editor that provides a no-code, visual way to create UIs, fully compatible with shadcn/ui and custom components. | Link | 2024-10-11 |
| ui-fonts | Test and preview fonts in real-time for all your design needs. Choose the perfect typeface with ease. | Link | 2024-10-23 |
| v0 | Vercel's generative UI system, built on shadcn/ui and TailwindCSS, allows effortless UI generation from text prompts and/or images. | Link | 2024-03-27 |
| vercel-status-tracker | Track the status of all of your projects deployed via Vercel. Built with shadcn/ui and TailwindCSS. | Link | 2025-01-02 |
| wallhaven-desktop | Wallhaven Wallpaper software desktop. Create a Wallhaven API-based client, a true wallpaper software. | Link | 2024-10-23 |
| Name | Description | Link | Date |
|---|---|---|---|
| andrewsam.xyz | A revamped version of the popular tailwind-nextjs-starter-blog using shadcn/ui, along with a resume section and experience timeline component. | Link | 2024-09-18 |
| birobirobiro.dev | A personal developer portfolio. | Link | 2024-07-29 |
| chanhdai.com | A minimal portfolio, component registry, and blog. | Link | 2025-09-11 |
| devfolios | Find best portfolio inspiration from all over the internet | Link | 2025-10-25 |
| godly | Astronomically good web design inspiration. Only the best of the best. | Link | 2024-07-29 |
| hritu.art | A clean, modern designer portfolio blending minimal aesthetics with functional UI and built-in email support via React Email. | Link | 2025-06-10 |
| kinhdev24 | Developer portfolio built with Next.js, shadcn/ui, Aceternity, and Magic UI | Link | 2025-07-08 |
| list.swajp.me | It has never been easier to find the right projects or designs by inspiring successful people. | Link | 2024-07-29 |
| mpakravan | Portfolio website using React, Next.js, Tailwind CSS, ShadCN, and GSAP, modern design system. | Link | 2025-10-26 |
| nathans-ai | An AI Chatbot acting as a portfolio, built with shadcn/ui components. | Link | 2024-11-21 |
| ifte-13 | Portfolio made with Next.js, shadcn/ui (with magic ui ) and Email.js | Link | 2025-10-25 |
| shubhporwal.me | An eye-catching developer portfolio, built on NextJS, GSAP, Tailwind, and React. | Link | 2024-10-03 |
| swajp.me | A visually appealing portfolio and resource hub. | Link | 2024-07-29 |
| 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. | Link | 2025-02-20 |
| Name | Description | Link | Date |
|---|---|---|---|
| anonypost | Share your thoughts and experiences anonymously by posting on the platform. Crafted using t3-stack. | Link | 2024-07-17 |
| bolhadev | The quickest path to learn English is speaking it regularly. Just find someone to chat with. | Link | 2024-06-04 |
| enjoytown | A free anime, manga, movie, and TV-shows streaming platform. Built with Next.js, shadcn/ui. | Link | 2024-06-04 |
| grade-calculator | A grade calculator/dashboard for students, aiming to provide a better overview of academic performance. | Link | 2024-12-27 |
| infinitunes | A simple music player web app built using Next.js, shadcn/ui, Tailwind CSS, Drizzle ORM, and more. | Link | 2024-06-04 |
| kd | Ad-free Kdrama streaming app. Built with Next.js, Drizzle ORM, NeonDB, and shadcn/ui. | Link | 2024-05-31 |
| memergez | Quickly generate memes by entering text or an avatar URL, with support for many meme commands. | Link | 2024-08-26 |
| midday-components | A collection of open-source components based on Midday features. | Link | 2024-11-21 |
| multiboard | Minimal Kanban platform. Built with Better-Auth, Next.js, ZenStack, Prisma, and shadcn/ui. | Link | 2025-07-15 |
| plotwist | Easy management and reviews of your movies, series, and animes using Next.js, Tailwind CSS, Supabase, and shadcn/ui. | Link | 2024-05-31 |
| youropinion.is | Free survey platform which supports importing your exisitng shadcn/ui theme | Link | 2025-06-16 |
| Name | Description | Link | Date |
|---|---|---|---|
| Angular | Angular port of shadcn/ui. | Link | 2024-03-21 |
| Basecoat | Vanilla HTML, CSS and JS port of shadcn/ui. | Link | 2025-07-07 |
| Flutter | Flutter port of shadcn/ui. | Link | 2024-06-07 |
| Franken UI | HTML-first, framework-agnostic, beautifully designed components that you can truly copy and paste into your site. Accessible. Customizable. Open Source. | Link | 2024-06-07 |
| JollyUI | shadcn/ui compatible react aria components. | Link | 2024-06-07 |
| Kotlin | Kotlin port of shadcn/ui. | Link | 2024-06-07 |
| mkdocs-shadcn | MkDocs port of shadcn/ui. | Link | 2025-07-07 |
| .NET (ShadUI) | Avalonia port of shadcn/ui. Based on SukiUI | Link | 2024-02-22 |
| Phoenix Liveview | Phoenix Liveview port of shadcn/ui. | Link | 2024-06-07 |
| React Native | React Native port of shadcn/ui. | Link | 2024-06-07 |
| React Native (recommended) | React Native port of shadcn/ui (recommended). | Link | 2024-12-27 |
| Ruby | Ruby port of shadcn/ui. | Link | 2024-06-07 |
| Solid | Solid port of shadcn/ui. | Link | 2024-03-28 |
| Svelte | Svelte port of shadcn/ui. | Link | 2024-02-22 |
| Swift | Swift port of shadcn/ui. | Link | 2024-06-07 |
| Sysinfocus simple/ui | Razor component library for Blazor, inspired by shadcn/ui. | Link | 2024-09-09 |
| Vue | Vue port of shadcn/ui. | Link | 2024-02-22 |
| Name | Description | Link | Date |
|---|---|---|---|
| shadcn-storybook-registry | Registry of stories for the shadcn components. Quickly get the atomic level components documented in Storybook. | Link | 2025-02-07 |
| obra-shadcn-ui | This file replicates all 51 shadcn/ui v4 components in a composable way as a reusable Figma library.. | Link | 2025-06-16 |
| shadcn-ui-components | Every component recreated in Figma. | Link | 2024-03-21 |
| shadcn-ui-storybook (JheanAntunes) | All shadcn/ui components registered in the storybook by JheanAntunes. | Link | 2024-12-27 |
| shadcn-ui-storybook (fellipeutaka) | All shadcn/ui components registered in the storybook by fellipeutaka. | Link | 2024-12-27 |
| Name | Description | Link | Date |
|---|---|---|---|
| astro-erudite | An opinionated, unstyled static blogging template—built with Astro, Tailwind, and shadcn/ui. | Link | 2025-10-25 |
| atomic-crm | Open-source React CRM built on top of Supabase Demo site | Link | 2025-09-16 |
| autoflow | An open source GraphRAG (Knowledge Graph) built on top of TiDB Vector, LlamaIndex, and DSPy. Demo site. | Link | 2024-12-06 |
| browser-extension-starter-plasmo-shadcn-trpc | Browser extension starter kit featuring Plasmo, React, Shadcn, and tRPC. | Link | 2024-10-29 |
| chadnext | Quick Starter Template includes Next.js 14 App Router, shadcn/ui, LuciaAuth, Prisma, Server Actions, Stripe, Internationalization, and more. | Link | 2024-04-25 |
| cloudflare-saas-stack | An opinionated, batteries-included starter kit for quickly building and deploying SaaS products on Cloudflare. | Link | 2024-07-24 |
| create-tauri-core | A project template for creating a Tauri app with Vite, React, and Tailwind CSS. | Link | 2024-09-23 |
| design-system-template | Turborepo + TailwindCSS + Storybook + shadcn/ui. | Link | 2024-06-06 |
| easy-ui | 50+ High Quality Open Source Website Templates built using NextJS + shadcn/ui + Tailwind CSS + Framer Motion and more. | Link | 2024-08-06 |
| ecommerce-kit | Next.js starter kit with the tools you need to quickly launch your e-commerce site. | Link | 2025-09-06 |
| electron-shadcn | Electron app template with shadcn/ui and a bunch of other libs and tools ready to use. | Link | 2024-06-17 |
| full-stack-monorepo-starter | Full stack monorepo template built using shadcn/ui + Fastify + graphql + vitejs + Docker and more. | Link | 2025-06-10 |
| horizon-ai-nextjs-shadcn-boilerplate | Premium AI NextJS & shadcn/ui Boilerplate + Stripe + Supabase + OAuth. | Link | 2024-05-24 |
| kirimase | A template and boilerplate for quickly starting your next project with shadcn/ui, Tailwind CSS, and Next.js. | Link | 2024-06-11 |
| magicui-startup-templates | Magic UI Startup template built using shadcn/ui + TailwindCSS + Framer Motion. | Link | 2024-04-25 |
| next-shadcn-admin-dashboard | Modern Admin Dashboard Template built with Shadcn UI and Next.js 15 | Link | 2025-10-25 |
| nextMotion | Webdev portfolio template with Nodemailer integrated for easy contact form setup. Uses shadcn/ui + TailwindCSS + Framer Motion. | Link | 2024-09-23 |
| next-js-boilerplate | Quickly 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. | Link | 2025-09-08 |
| next-shadcn-dashboard-starter | Admin Dashboard Starter with Nextjs 14 and shadcn/ui. | Link | 2024-06-06 |
| 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. | Link | 2024-09-23 |
| nextjs-mdx-blog | Starter template built with Contentlayer, MDX, shadcn/ui, and Tailwind CSS. | Link | 2024-04-25 |
| 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. | Link | 2024-11-21 |
| next-wp | Headless Wordpress Starter built with the NextJS App Router and React Server Components. | Link | 2024-11-21 |
| 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. | Link | 2024-08-13 |
| opendocs | Beautifully designed template that you can use for your projects for free. Accessible. Customizable. Open Source with i18n support. | Link | 2024-07-29 |
| react-starter-kit | An opinionated, full-stack boilerplate for building modern web apps on the edge. Features Bun, React 19, tRPC, Drizzle ORM, and Cloudflare Workers. | Link | 2025-09-06 |
| react-vite-starter | React starter powered with Vite + Redux Toolkit + RTKQuery + React Router + shadcn UI and many more. | Link | 2024-12-02 |
| shadcn-landing-page | Landing page template using shadcn/ui, React, TypeScript, and Tailwind CSS. | Link | 2024-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. | Link | 2024-12-27 |
| shadcn-nextjs-free-boilerplate | Free & Open-source NextJS Boilerplate + ChatGPT API Dashboard Template. | Link | 2024-05-24 |
| shadcn-nextjs-dashboard | Admin Dashboard UI built with Shadcn and NextJS. Free and Open-source. | Link | 2025-06-22 |
| shadcn-registry-template | Template repository for building a custom component registry for shadcn/ui. | Link | 2024-09-05 |
| shadcn-ui-dashboard | Multipurpose and powerful admin dashboard template compatible with shadcn/ui. | Link | 2025-09-21 |
| shadcn-vue-landing-page | Landing page template using Vue, shadcn-vue, TypeScript, and Tailwind CSS. | Link | 2024-06-06 |
| shadcn-next-workflows | Interactive workflow builder using React Flows, Next.js, and Shadcn/ui. Create, connect, and validate custom nodes easily. | Link | 2024-10-29 |
| 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. | Link | 2024-07-02 |
| sveltekit-shadcn-starter-kit | Production 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. Demo | Link | 2025-09-23 |
| t3-app-template | Admin template for T3 Stack and shadcn/ui. | Link | 2024-04-25 |
| taxonomy | An open-source application built using the new router, server components, and everything new in Next.js. | Link | 2024-03-21 |
| template-next | A clean Next.js template with TypeScript, TailwindCSS, Shadcn/ui, and Prettier. | Link | 2024-09-24 |
| turborepo-nextjs-wxt-shadcn-boilerplate | Turborepo boilerplate featuring web and web-extension apps with shadcn/ui for shared ui components and unified Typescript, ESLint, Tailwind CSS, and Prettier configs. | Link | 2025-04-24 |
| turborepo-shadcn-ui-tailwindcss | Turborepo starter with shadcn/ui & TailwindCSS pre-configured for shared UI components. | Link | 2024-06-06 |
| 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. | Link | 2024-06-10 |
| 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. | Link | 2024-09-24 |
Thanks goes to all these wonderful people:
This project is licensed under the MIT License - see the LICENSE file for details.
- Development Guide: See DEVELOPMENT.md for setup, architecture, and configuration
- Contributing: Fork the repository, create a feature branch, and submit a PR
- 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