Libs and Components
| 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-27T12:56:05.000Z |
| 21st.dev-agent-elements | Open-source registry of agent UI primitives — chat shell, tool-call cards (Bash, Edit, Search, Todo, Plan), clarifying questions, input bar, streaming markdown. Built on React 19, Tailwind v4, and the Vercel AI SDK. | Link | 2026-04-24T19:36:48.000Z |
| 8bitcn.com | A set of retro-designed, accessible components and a code distribution platform. Open Source. Open Code. | Link | 2025-04-14T16:25:49.000Z |
| aceternity-ui | Copy paste the most trending react components without having to worry about styling and animations. | Link | 2024-12-27T12:56:05.000Z |
| agents-ui | Agents UI is LiveKit’s open source component library built with React and shadcn for designing voice agent interfaces. Start with production-ready defaults, then customize every detail to match your brand. | Link | 2026-03-03T17:54:22.000Z |
| animated-header | Vercel-like animated header. | Link | 2025-10-25T16:09:52.000Z |
| animated-tabs | Vercel-like animated tabs. | Link | 2025-04-06T14:14:05.000Z |
| assistant-ui | React Components for AI Chat. | Link | 2024-12-27T12:56:05.000Z |
| audio/ui | A set of accessible and composable Audio UI components. Built on top of shadcn/ui, it's designed for you to copy, paste, and own. | Link | 2025-11-20T13:31:44.000Z |
| autocomplete-select-shadcn-ui | Autocomplete component built with shadcn/ui and Fancy Multi Select by Maximilian Kaske. | Link | 2024-12-27T12:56:05.000Z |
| auto-form | A React component that automatically creates a shadcn/ui form based on a zod schema. | Link | 2024-12-27T12:56:05.000Z |
| async-select | Async Select component built with shadcn/ui with debounce search. | Link | 2024-12-27T12:56:05.000Z |
| berlix | Animated components library built using Tailwind CSS and Motion | Link | 2025-06-10T16:55:29.000Z |
| big-calendar | A modern, feature-rich calendar application with multiple viewing options built using Next.js, TypeScript, and Tailwind CSS. | Link | 2025-03-08T12:16:18.000Z |
| billingsdk | Modern, type-safe billing and subscription management components for React, built with TypeScript and Tailwind CSS. Designed to work seamlessly alongside shadcn/ui byDodo Payments. GitHub | Link | 2025-09-06T21:28:00.000Z |
| billui | Open source billing components for React built with Shadcn. Pricing cards, payment methods, invoice history and more. | Link | 2025-12-25T13:27:40.000Z |
| blocks.so | A set of clean, modern building blocks to copy and paste into your apps. Works with all React frameworks. | Link | 2025-09-06T21:28:00.000Z |
| buouui | A UI component library and template suite based on shadcn/ui with stunning landing pages, templates, and rich animations. | Link | 2025-04-06T18:36:39.000Z |
| bundui | A collection of reusable animated components built with Tailwind CSS and Framer Motion. | Link | 2024-12-27T12:56:05.000Z |
| calendar | React/shadcn full calendar like Google Calendar | Link | 2024-12-27T12:56:05.000Z |
| calendar-schedular | A multi-purpose calendar component built on top of date-fn and shadcn-ui | Link | 2026-04-10T13:54:53.000Z |
| calendar-cn | A beautifully crafted calendar component built with shadcn/ui and Tailwind CSS, inspired by Notion Calendar. Week view, dark mode, and more. | Link | 2026-03-05T16:05:18.000Z |
| capture-photo | Browser-based React component for camera functionalities in web applications. | Link | 2024-12-27T12:56:05.000Z |
| carouselcn | Copy-paste carousel components and examples for your react apps | Link | 2026-01-27T22:07:41.000Z |
| cascader-shadcn | A cascading dropdown menu component for selecting hierarchical data like locations, categories, or organizational structures. | Link | 2025-12-04T15:21:56.000Z |
| chanhdai-components | A collection of reusable components. Trusted registry for shadcn/ui. | Link | 2026-03-01T13:34:15.000Z |
| clerk-elements | Composable components for building custom UIs on top of Clerk's APIs. | Link | 2024-12-27T12:56:05.000Z |
| clerk-shadcn-theme | Synchronize Clerk SignIn/SignUp components with shadcn/ui styles. | Link | 2024-12-27T12:56:05.000Z |
| commerce-ui | Components, blocks and examples to build e-commerce storefronts and apps. | Link | 2025-02-20T17:48:50.000Z |
| confirm-dialog | A confirm dialog component built with shadcn/ui. | Link | 2024-12-27T12:56:05.000Z |
| country-state-dropdown | Component built with Nextjs, Tailwindcss, shadcn/ui & Zustand. | Link | 2024-12-27T12:56:05.000Z |
| 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-10-25T16:07:32.000Z |
| credenza | Ready-made responsive modal component for shadcn/ui. | Link | 2024-12-27T12:56:05.000Z |
| crypto-charts | Crypto charts made for shadcn/ui using PythNetwork. | Link | 2024-12-27T12:56:05.000Z |
| cult-ui | Curated set of animated shadcn-style React components. | Link | 2024-12-27T12:56:05.000Z |
| 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-06T21:28:00.000Z |
| data-command | Component for building dynamic command palettes with API-powered data. | Link | 2025-09-06T21:28:00.000Z |
| date-range-picker-for-shadcn | Multi-month views, text entry, preset ranges, responsive design, and date range comparisons. | Link | 2024-12-27T12:56:05.000Z |
| date-time-picker-shadcn | Datetime Picker for shadNext Project. | Link | 2024-12-27T12:56:05.000Z |
| 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-08T12:16:58.000Z |
| datetime-picker | Datetime picker with timezone support, min/max dates, and month/year selection. | Link | 2024-12-27T12:56:05.000Z |
| diffs | @pierre/diffs is an open source diff and code rendering library. It's built on Shiki for syntax highlighting and theming, is super customizable, and comes packed with features. Made with love by The Pierre Computer Company. | Link | 2026-04-24T20:08:01.000Z |
| dnd-dashboard | Dashboard with drop-to-swap layouts using Next.js, shadcn/ui, and swapy. | Link | 2024-12-27T12:56:05.000Z |
| downshift-shadcn-combobox | Combobox/autocomplete component built with shadcn/ui and Downshift. | Link | 2024-12-27T12:56:05.000Z |
| drag-to-resize-sidebar | Extended shadcn/ui sidebar component with persisted state drag-to-resize functionality. | Link | 2024-12-27T12:56:05.000Z |
| drop-drawer | A dropdown menu on desktop and a drawer on mobile devices. | Link | 2025-05-13T14:19:30.000Z |
| dy-comps | shacn/ui & Framer Motion React components — flexible, responsive & easy to drop into any project. | Link | 2025-03-08T12:15:57.000Z |
| eldora-ui | free and open-source animated components built with React, Typescript, Tailwind CSS, and Framer Motion. | Link | 2025-10-25T16:07:53.000Z |
| emblor | Customizable, accessible tag input component with shadcn/ui. | Link | 2024-12-27T12:56:05.000Z |
| enhanced-button | Enhanced version of the default shadcn-button component. | Link | 2024-12-27T12:56:05.000Z |
| envin | Framework-agnostic, type-safe tool to validate and preview your environment variables - powered by your favorite schema validator. | Link | 2025-07-07T12:17:37.000Z |
| 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-03T20:12:06.000Z |
| extend-ui | Reusable components built on shadcn/ui for web applications. | Link | 2024-12-27T12:56:05.000Z |
| fancy-area | Textarea with @mention support inspired by GitHub's PR comment section. | Link | 2024-12-27T12:56:05.000Z |
| fancy-box | GitHub PR label selector-inspired Combobox with radix-ui components. | Link | 2024-12-27T12:56:05.000Z |
| fancy-multi-select | Multi Select Component inspired by campsite.design and cal.com. | Link | 2024-12-27T12:56:05.000Z |
| fancy-switch | Fancy switch component built with shadcn/ui. | Link | 2024-12-27T12:56:05.000Z |
| file-uploader | File uploader with shadcn/ui and react-dropzone. | Link | 2024-12-27T12:56:05.000Z |
| file-vault | File upload component for React. | Link | 2024-12-27T12:56:05.000Z |
| flightcn | flightcn is a flight route visualization component set built for the mapcn ecosystem | Link | 2026-04-05T17:00:07.000Z |
| floating-dragable-card | Dragable and resizable card using shadcn/ui elements. | Link | 2024-12-27T12:56:05.000Z |
| fluid-functionalism | Refined shadcn/ui-compatible components with spring physics, proximity hover, and font weight transitions. Every animation serves a functional purpose. | Link | 2026-04-24T19:38:06.000Z |
| framecn | Beautiful videos, made simple. Ready to use, customizable video components for React. | Link | 2026-05-11 |
| fusion-ui | Library combining shadcn/ui and MagicUI. | Link | 2024-12-27T12:56:05.000Z |
| glasscn-ui | shadcn/ui component library with glassmorphism variants, and many additional components. | Link | 2025-06-10T17:19:42.000Z |
| glitchcn-ui | A terminal-styled cyberpunk component library for Next.js with scanline effects, glowing borders, and monospace typography. | Link | 2026-02-06T17:57:31.000Z |
| gluestack-ui | React & React Native Components with Tailwind CSS. | Link | 2024-12-27T12:56:05.000Z |
| goey-toast | Morphing toast notifications for React. Organic blob animations, promise tracking, and full customization out of the box | Link | 2026-02-14T22:40:34.000Z |
| heroicons-animated | An open-source collection of 316 beautifully animated heroicons for your projects. | Link | 2026-01-23T21:15:24.000Z |
| hexta-ui | Build stunning websites effortlessly. Modern, responsive, and customizable UI components for Next.js. Copy, adapt, and personalize them. | Link | 2025-05-14T18:28:21.000Z |
| ibelick/background-snippet | Ready to use collection of modern background snippets. | Link | 2024-12-27T12:56:05.000Z |
| image-crop-field | Image crop field with shadcn/ui. This component is a wrapper around the react-easy-crop component. | Link | 2025-10-08T02:41:05.000Z |
| image-upload-shadcn | Image upload component. | Link | 2024-12-27T12:56:05.000Z |
| indie-ui | UI components with variants. | Link | 2024-12-27T12:56:05.000Z |
| inspira-ui | UI components for animated interfaces in Vue/NuxtJS. | Link | 2024-12-27T12:56:05.000Z |
| jolyui | JolyUI 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. | Link | 2026-01-23T21:22:27.000Z |
| jalco-ui | Polished, composable React components distributed via a shadcn-compatible registry. Install with one command or copy the source directly. | Link | 2026-04-10T13:56:52.000Z |
| junwen-k/ui-x | Additional beautifully designed components that you can copy and paste into your apps. Accessible. Customizable. Open Source. | Link | 2025-02-03T19:03:51.000Z |
| kalyx | Headless React DatePicker family — single / range / time / date+time / month / year / week pickers behind one composition API. ISO 8601 UTC values, IANA timezone-safe, ~13.6 KB gzip. v1.0 RC. | Link | 2026-05-12T02:43:00.343Z |
| 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-15T17:19:11.000Z |
| 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-03T20:05:04.000Z |
| kokonut-ui | Free Modern and Customizable components for Next.js. | Link | 2024-12-27T12:56:05.000Z |
| ktui | Open-source collection of customizable UI components for Tailwind CSS and vanilla JavaScript | Link | 2025-06-10T16:47:36.000Z |
| launch-ui | Landing page components with React, Shadcn/ui and Tailwind. | Link | 2024-12-27T12:56:05.000Z |
| lingua-time | Smart datetime picker with natural language input. | Link | 2024-12-27T12:56:05.000Z |
| linked-chart | Chart component linked with data-table. | Link | 2025-02-03T19:05:16.000Z |
| loading-ui | Curated, copy-friendly spinners, loaders, and loading-state animations for the web—free and open source. | Link | 2026-04-25T12:00:00.000Z |
| lukacho-ui | Next Generation UI Components. | Link | 2024-12-27T12:56:05.000Z |
| magicui | React components for landing pages with tailwindcss + framer motion. | Link | 2024-12-27T12:56:05.000Z |
| maily.to | Notion-like powerful email editor. | Link | 2024-12-27T12:56:05.000Z |
| manfromexistence-ui | Components to build beautiful designs. | Link | 2024-12-27T12:56:05.000Z |
| manifest-ui | Components for ChatGPT Apps and MCP Apps. | Link | 2025-12-25T13:29:02.000Z |
| matsu-theme | Ghibli Studio inspired theme for shadcn/ui made by Matt Wierzbicki | Link | 2025-04-23T20:08:21.000Z |
| mindmapcn | Beautiful mind maps, works seamlessly with shadcn/ui. | Link | 2026-01-27T22:08:25.000Z |
| minimal-tiptap | Minimal WYSIWYG editor with shadcn/ui and tiptap. | Link | 2024-12-27T12:56:05.000Z |
| mixcnui | Collection of animated components for Nextjs. | Link | 2024-12-27T12:56:05.000Z |
| modal-control-query | A hook to control shadcn modal components using query params | Link | 2025-11-02T19:17:08.000Z |
| moleculeui | A modern React component library focused on intuitive interactions and seamless user experiences. | Link | 2025-09-06T20:19:06.000Z |
| multi-selection | Managing multi-selection functionality with highlighter. | Link | 2025-01-21T12:41:54.000Z |
| mvpblocks | Copy-paste beautiful, responsive components without worrying about styling or animations. Build faster, launch sooner. | Link | 2025-05-14T13:29:45.000Z |
| mynaui | TailwindCSS and shadcn/ui UI Kit for Figma and React. | Link | 2024-12-27T12:56:05.000Z |
| neobrutalism-components | Neobrutalism-styled Tailwind React and shadcn/ui components. | Link | 2024-12-27T12:56:05.000Z |
| nextjs-components | Next.js components with TypeScript and shadcn/ui. | Link | 2024-12-27T12:56:05.000Z |
| nextjs-dnd | Sortable Drag and Drop with Next.js and dnd-kit. | Link | 2024-12-27T12:56:05.000Z |
| nextjs-link-pagination | Pagination using Nextjs Links and search params. | Link | 2024-12-27T12:56:05.000Z |
| nextjs-multi-image-upload | Compact, responsive file uploader with shadcn/ui, React Hook Form, and cloud support (S3/R2). | Link | 2025-02-23T14:07:48.000Z |
| next-stepper | Dynamic multi-step form with Next.js and zustand. | Link | 2024-12-27T12:56:05.000Z |
| nexus-ui | Open-source component library of composable, copy-paste primitives for building AI interfaces (chat, voice, agents) | Link | 2026-04-05T17:01:04.000Z |
| novel | Notion-style WYSIWYG editor with AI-powered autocompletion. | Link | 2024-12-27T12:56:05.000Z |
| number-flow | React component for number transitions and formatting. | Link | 2024-12-27T12:56:05.000Z |
| origin-ui | Beautiful UI components with Tailwind CSS and Next.js. | Link | 2024-12-27T12:56:05.000Z |
| password-input | shadcn/ui custom password input. | Link | 2024-12-27T12:56:05.000Z |
| payment-gateways | Integration of payment gateways with Next.js 14. | Link | 2024-12-27T12:56:05.000Z |
| pdfx | shadcn/ui-style PDF component library for React. Copy-paste components built on @react-pdf/renderer run pdfx add invoice and own the code. | Link | 2026-02-28T15:25:37.000Z |
| phone-input-shadcn-ui | Custom phone number component with shadcn/ui. | Link | 2024-12-27T12:56:05.000Z |
| pittaya-ui | A fully open-source UI library for React, powered by TypeScript and Tailwind CSS. Fast, composable, and ready for production. | Link | 2026-01-27T22:07:20.000Z |
| planner | Adaptable scheduling component for React. | Link | 2024-12-27T12:56:05.000Z |
| plate | AI-powered rich-text editor. | Link | 2024-12-27T12:56:05.000Z |
| plate-select-editor | Rich multi-select editor. | Link | 2024-12-27T12:56:05.000Z |
| pqoqubbw | Open-source animated icons collection. | Link | 2024-12-27T12:56:05.000Z |
| pricing-page-shadcn | Customizable pricing page with Next.js 14. | Link | 2024-12-27T12:56:05.000Z |
| progress-button | Extended button component with progress UX. | Link | 2024-12-27T12:56:05.000Z |
| 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-06T21:36:24.000Z |
| react-dnd-kit-tailwind-shadcn-ui | Accessible kanban board with dnd-kit. | Link | 2024-12-27T12:56:05.000Z |
| react-highlight-popover | Headless component for text selection popovers. | Link | 2024-12-27T12:56:05.000Z |
| react-pdf-flipbook-viewer | PDF flipbook viewer with zoom and fullscreen. | Link | 2024-12-27T12:56:05.000Z |
| react-select | React-select library with shadcn styling. | Link | 2024-12-27T12:56:05.000Z |
| react-wheel-picker | iOS-like wheel picker for React with smooth inertia scrolling and infinite loop support. | Link | 2025-09-23T23:23:42.000Z |
| recursive-dnd-kanban-board | Recursive drag and drop kanban board. | Link | 2024-12-27T12:56:05.000Z |
| remocn | Build product demos, changelogs, and launch videos in React. Open source and delightfully easy | Link | 2026-04-14T02:06:56.000Z |
| retro-ui | An open source component library, inspred by neo brutalism design system | Link | 2025-05-13T14:14:25.000Z |
| roadmap-ui | Components for interactive roadmaps. | Link | 2024-12-27T12:56:05.000Z |
| ruixen-ui | Ruixen UI: Lightweight & Customizable React Library | Link | 2025-12-04T15:14:36.000Z |
| scificn-ui | A retro sci-fi UI design system inspired by classic starship consoles and alien computer terminals, featuring modular HUD components, neon data grids, tactical panels, and cinematic interface elements that blend 70s–80s futurism with modern usability. | Link | 2026-03-31T13:02:21.000Z |
| search-address | Interactive address search using OpenStreetMap. | Link | 2024-12-27T12:56:05.000Z |
| 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-19T15:50:59.000Z |
| shadcn-address-autocomplete | Address autocomplete with Google Places API. | Link | 2024-12-27T12:56:05.000Z |
| shadcn-admin | Admin Dashboard UI with shadcn/ui and Vite. | Link | 2024-12-27T12:56:05.000Z |
| shadcn-admin-kit | Powerful open-source shadcn components to build beautiful internal tools, admin panels, and dashboards with React | Link | 2025-07-07T12:23:13.000Z |
| shadcn-blocks | Official pre-made customizable components. | Link | 2024-12-27T12:56:05.000Z |
| shadcn-blocks-com | Premium shadcn/ui registry with 1429 blocks, 1189 component variants, 14 templates, Figma kit, themes, and admin dashboard resources. | Link | 2025-02-23T14:05:40.000Z |
| shadcn-builder | Create beautiful, responsive forms with the easy-to-use form builder and generate React code using shadcn/ui components. | Link | 2025-04-03T20:07:06.000Z |
| shadcn-cal | Cal.com monthly calendar replica with shadcn/ui. | Link | 2024-12-27T12:56:05.000Z |
| shadcn-calendar-heatmap | Modern calendar heatmap alternative. | Link | 2024-12-27T12:56:05.000Z |
| shadcn-calendar-component | Calendar date picker component. | Link | 2024-12-27T12:56:05.000Z |
| shadcn-chat | Customizable chat component. | Link | 2024-12-27T12:56:05.000Z |
| shadcn-carousel-testimonials | Carousel Testimonials component. | Link | 2024-12-27T12:56:05.000Z |
| shadcn-chatbot-kit | Customizable chatbot components. | Link | 2024-12-27T12:56:05.000Z |
| shadcn-color-picker | Color picker with react-color. | Link | 2024-12-27T12:56:05.000Z |
| shadcn-cookies | Sleek and flexible cookie consent component, designed with shadcn/ui | Link | 2025-02-06T21:17:07.000Z |
| shadcn-cookie-consent | Customizable cookie consent component. | Link | 2024-12-27T12:56:05.000Z |
| shadcn-components-blocks | The ultimate blocks and components for Shadcn UI & Tailwind CSS. | Link | 2025-09-06T21:28:00.000Z |
| shadcn-country-dropdown | ISO 3166 country selector dropdown. | Link | 2024-12-27T12:56:05.000Z |
| shadcn-data-table-advanced-col-opions | DataTable with column resizing. | Link | 2024-12-27T12:56:05.000Z |
| shadcn-date-picker | Advanced date picker with various features. | Link | 2024-12-27T12:56:05.000Z |
| shadcn-drag-and-drop-sort | Drag-and-drop sortable list of pills of different widths using dnd-kit. | Link | 2025-02-03T19:04:48.000Z |
| shadcn-drag-table | Drag-and-drop table component. | Link | 2024-12-27T12:56:05.000Z |
| shadcn-dropzone | File upload component using React-Dropzone, built with accessibility in mind. | Link | 2025-01-13T16:57:02.000Z |
| shadcn-editor | Lexical editor with shadcn theme. | Link | 2024-12-27T12:56:05.000Z |
| shadcn-examples | Dozens of advanced shadcn/ui examples. Easily integrate sample applications and components into your project. | Link | 2025-06-10T16:54:05.000Z |
| shadcn-extends | Collection of shadcn/ui components. | Link | 2024-12-27T12:56:05.000Z |
| shadcn-extension | Open-source component collection. | Link | 2024-12-27T12:56:05.000Z |
| shadcn-fintech | Premium fintech dashboard with 10 pages — drag-and-drop layout, 3D credit cards, live investment ticker, spending heatmap, actionable notifications, and dark mode. Built with Next.js 16, shadcn/ui, and Tailwind CSS v4. | Link | 2026-04-24T19:39:37.000Z |
| shadcn-font-picker | Font picker using shadcn/ui components and google font API. | Link | 2025-04-15T11:37:11.000Z |
| 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-07T12:25:07.000Z |
| shadcn-iconpicker | React/shadcn simple icon picker using lucide icons. | Link | 2025-02-20T17:49:20.000Z |
| shadcn-image-cropper | Image cropper with react-image-crop. | Link | 2024-12-27T12:56:05.000Z |
| shadcn-io | Advanced Shadcn/UI components. | Link | 2025-09-06T21:28:00.000Z |
| shadcn-linear-combobox | Linear-style task priority combobox. | Link | 2024-12-27T12:56:05.000Z |
| shadcn-location-picker | Simple google maps location picker. | Link | 2025-03-04T21:25:41.000Z |
| shadcn-map | A map component built for shadcn/ui using Leaflet and React Leaflet. | Link | 2025-09-30T22:05:06.000Z |
| shadcn-multi-select-component | Multi-select component. | Link | 2024-12-27T12:56:05.000Z |
| shadcn-number-scrubber | Draggable numeric input component. | Link | 2025-01-07T20:11:18.000Z |
| 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-27T01:53:01.000Z |
| shadcn-phone-input-2 | Phone input with libphonenumber-js. | Link | 2024-12-27T12:56:05.000Z |
| shadcn-phone-input | Phone input with country validation. | Link | 2024-12-27T12:56:05.000Z |
| shadcn-portable-text-editor | A headless rich text editor built upon Sanity's Portable Text Editor with opinionated starting styles | 2025-09-06T21:28:00.000Z | |
| shadcn-pricing-page | Responsive pricing component with toggles. | Link | 2024-12-27T12:56:05.000Z |
| shadcn-space | Open-source shadcn/ui blocks, components, and templates built with React, Tailwind, and Base UI. | Link | 2026-02-27T22:12:12.000Z |
| shadcn-spinner | Spinner component. | Link | 2024-12-27T12:56:05.000Z |
| shadcn-stepper | Complete stepper component. | Link | 2024-12-27T12:56:05.000Z |
| shadcn-studio | Open Source Registry of Shadcn components and blocks. | Link | 2025-04-24T12:04:47.000Z |
| shadcn-table-maker | Tool for creating dynamic tables. | Link | 2024-12-27T12:56:05.000Z |
| shadcn-table-v2 | Table with server-side features. | Link | 2024-12-27T12:56:05.000Z |
| shadcn-tanstack-form | Seamless shadcn TanStack Form component set. Fully featured with validation support and type-safety. | Link | 2025-10-08T02:41:43.000Z |
| shadcn-timeline | Customizable timeline component. | Link | 2024-12-27T12:56:05.000Z |
| shadcn-tiptap | Custom Tiptap editor extensions. | Link | 2024-12-27T12:56:05.000Z |
| shadcn-tree-view | Hierarchical data component. | Link | 2024-12-27T12:56:05.000Z |
| shadcn-ui-blocks | Collection of responsive UI blocks. | Link | 2024-12-27T12:56:05.000Z |
| shadcn-ui-expansions | Additional useful components. | Link | 2024-12-27T12:56:05.000Z |
| shadcn-ui-sidebar | Retractable responsive sidebar. | Link | 2024-12-27T12:56:05.000Z |
| shadcn-ui-templates | Free & Premium templates collection. | Link | 2024-12-27T12:56:05.000Z |
| shadcnship | Production-ready shadcn/ui component registry for building modern SaaS applications with Next.js, TypeScript, and Tailwind CSS. | Link | 2026-01-31T22:05:02.000Z |
| 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-16T12:35:38.000Z |
| shieldcn | Shields.io alternative that renders GitHub badges as shadcn/ui Button components via Satori. Supports npm, GitHub, Discord, Reddit badges with dark/light mode, 6 variants, and 40k+ icons. | Link | 2026-04-25T00:00:00.000Z |
| shsfui | Motion-first React components built with Tailwind CSS + Framer Motion. | Link | 2025-04-03T20:04:21.000Z |
| shuip | Provides ready-to-use, business-focused components that help you ship faster. | Link | 2025-06-10T16:48:32.000Z |
| siddz-ui | A curated collection of modern, reusable React components. Built with performance and accessibility in mind. Copy, paste, and customize. | Link | 2026-02-13T02:00:37.000Z |
| simple-ai | Components and blocks to easily build AI apps | Link | 2025-01-21T12:42:27.000Z |
| simple-image-uploader | Image uploader with dnd, validation and previews | Link | 2025-04-03T20:06:16.000Z |
| simplekit | Wallet and account component for Wagmi. | Link | 2024-12-27T12:56:05.000Z |
| skiper-ui | Stand out from others with this crazzy ui library built with shad-cn cli | Link | 2025-02-03T19:03:08.000Z |
| solanauth | Solana wallet authentication modal. | Link | 2024-12-27T12:56:05.000Z |
| sortable | Sortable component with dnd-kit. | Link | 2024-12-27T12:56:05.000Z |
| spectrum-ui | Collection using Aceternity UI Magic UI. | Link | 2024-12-27T12:56:05.000Z |
| 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-06T21:28:00.000Z |
| stocks | Stock Picker with Next.js charts. | Link | 2024-12-27T12:56:05.000Z |
| styleseed | Design engine with 48 shadcn-style components and swappable brand skins. | Link | 2026-04-24T19:40:34.000Z |
| supabase-shadcn-database-example | supabase + shadcn/ui datatable | Link | 2024-12-30T14:21:59.000Z |
| supercharged-shadcn-components | Type-safe form components collection. | Link | 2024-12-27T12:56:05.000Z |
| svelte-image-uploader | Svelte image uploader with dnd, validation and previews. | Link | 2025-06-10T16:53:40.000Z |
| termcn | Beautiful terminal UIs, made simple. Ready to use, customizable terminal UI components for React. | Link | 2026-04-10T13:55:24.000Z |
| teul | An opinionated grid system for React and Tailwind | Link | 2026-05-06 |
| trable-craft | Drizzle ORM-powered table engine that auto-generates tables from your schema. Built on TanStack Table with server-side filtering, sorting, pagination, search, export, and URL state sync. | Link | 2026-02-27T22:15:10.000Z |
| tanstack-ui-table | Customizable table with @tanstack/table and shadcn/ui | Link | 2025-02-27T01:56:00.000Z |
| the-gridcn | Tron inspired shadcn/ui theme | Link | 2026-02-06T17:57:20.000Z |
| time-picker | Simple TimePicker component. | Link | 2024-12-27T12:56:05.000Z |
| 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-19T18:09:21.000Z |
| tool-ui | Beautiful, ready-to-use UI components for AI tool calls and MCP UI. | Link | 2025-12-10T21:40:15.000Z |
| tour | A component for building onboarding tours. Designed to integrate with shadcn/ui. | Link | 2025-12-04T15:19:42.000Z |
| trees | @pierre/trees is an open source file tree rendering library. It's built for performance and flexibility, is super customizable, and comes packed with features. Made with love by The Pierre Computer Company. | Link | 2026-04-24T22:08:41.000Z |
| tremor | Components for charts and dashboards. | Link | 2025-02-03T19:04:21.000Z |
| twblocks | Website blocks based on shadcn & Radix. | Link | 2024-12-27T12:56:05.000Z |
| tweet-to-code | Twitter design recreations as code. | Link | 2024-12-27T12:56:05.000Z |
| ui-beats | Animated React Components collection. | Link | 2024-12-27T12:56:05.000Z |
| ui-flexnative | A collection of customizable UI blocks with interactive live previews | Link | 2026-04-24T19:36:31.000Z |
| 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-15T16:30:14.000Z |
| ui-nference-sh | a shadcn registry of react ui components for building ai-powered applications, chatbots, and ai agent interfaces. | Link | 2026-02-13T17:47:21.000Z |
| uixmat-onborda | Product tour for Next.js applications. | Link | 2025-07-16T12:35:38.000Z |
| uselayouts | Free premium animated React components and micro-interactions built with Framer Motion and Tailwind CSS. Modern, ready-to-use motion components for high-converting websites. | Link | 2026-01-23T21:16:05.000Z |
| vaul | Drawer component for React. | Link | 2024-12-27T12:56:05.000Z |
| vengence-ui | A modern, animated UI component library designed to help developers build beautiful landing pages and interfaces faster. | Link | 2026-02-17T21:47:02.000Z |
| vyoma-ui | Beautiful Components Made on top of Shadcn/ui with Spatial Wisdom Inside. Truly Beyond UI. | Link | 2025-07-16T12:35:38.000Z |
| w3-kit | A comprehensive library of accessible React components for building high-quality Web3 applications and dApps | Link | 2026-04-24T19:41:27.000Z |
| warcraftcn | A set of components inspired by classic Warcraft III RTS UI aesthetics | Link | 2026-02-06T17:57:41.000Z |
| wds registry | A collection of components that you can use to build your own component library. | Link | 2025-09-06T21:28:00.000Z |
| zoom-charts | Zoomable Charts with shadcn/ui. | Link | 2024-12-27T12:56:05.000Z |
Registries
| Name | Description | Link | Date |
|---|---|---|---|
| efferd | ready-to-use shadcn blocks that just work — modern, responsive, and built for speed. | Link | 2026-03-05T23:46:18.000Z |
| more-shadcn | A collection of high-quality, copy-paste components for Svelte 5, built on top of shadcn-svelte. | Link | 2026-01-23T21:14:57.000Z |
| neobrutalism-vue | A vue-based registry of neobrutalism-styled Tailwind components. | Link | 2025-12-04T15:20:34.000Z |
| registry.directory | A curated directory to discover, preview, and copy shadcn/ui registries. | Link | 2025-09-23T23:29:49.000Z |
| tailark | Shadcn blocks for building modern marketing websites | Link | 2026-02-06T17:56:55.000Z |
| undraw-cn | Beautiful, customizable React components for unDraw illustrations. | Link | 2025-12-04T15:15:06.000Z |
Plugins and Extensions
| 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-12-27T12:56:05.000Z |
| designgui | A Chrome Browser Extension for managing colors in CSS Variables. | Link | 2024-12-27T12:56:05.000Z |
| imprompt | A Chrome extension that enhances prompts on AI websites directly, making your AI prompts more effective and productive. | Link | 2025-09-06T15:13:52.000Z |
| raycast-shadcn | Raycast extension to Browse shadcn/ui documentation, components, and examples. | Link | 2024-12-27T12:56:05.000Z |
| shadcn-hsl-preview | shadcn HSL Preview extension for Visual Studio Code. | Link | 2024-12-27T12:56:05.000Z |
| shadcn-ui | Add components from shadcn/ui directly from VS Code. | Link | 2024-12-27T12:56:05.000Z |
| 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-12-27T12:56:05.000Z |
| vscode-shadcn-svelte | VS Code extension for shadcn/ui components in Svelte projects. | Link | 2024-12-27T12:56:05.000Z |
| 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-12-27T12:56:05.000Z |
| vscode-shadcn-vue | Extension for integrating shadcn/ui components into Vue.js projects. | Link | 2024-12-27T12:56:05.000Z |
Colors and Customizations
| Name | Description | Link | Date |
|---|---|---|---|
| 10000+Themes for shadcn/ui | 10000+ Themes for shadcn/ui. | Link | 2024-12-27T12:56:05.000Z |
| dizzy | Bootstrap a new Next or Vite project with shadcn/ui. Customize font, icons, colors, spacing, radii, and shadows. | Link | 2024-12-27T12:56:05.000Z |
| ewgenius/ui | Create custom themes for shadcn/ui effortlessly using vibrant palettes from Radix Colors. | Link | 2024-12-27T12:56:05.000Z |
| gradient-picker | Fancy Gradient Picker built with shadcn/ui, Radix UI, and Tailwind CSS. | Link | 2024-12-27T12:56:05.000Z |
| navnote/rangeen | Tool that helps you to create a colour palette for your website. | Link | 2024-12-27T12:56:05.000Z |
| shadesigner.com | A shadcn/ui Palette Generator & Theme Designer with a beautiful interface. | Link | 2024-12-27T12:56:05.000Z |
| shadcn-ui-customizer | POC - shadcn/ui themes with color pickers. | Link | 2024-12-27T12:56:05.000Z |
| 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-12-27T12:56:05.000Z |
| smui | Nord-inspired terminal theme for shadcn/ui with monospace typography, zero border radius, and frost-blue accents. | Link | 2026-02-27T22:10:44.000Z |
| tweakcn | powerful theme editor for shadcn/ui components, offering beautifully designed themes and seamless Tailwind CSS V4 integration | Link | 2025-04-03T20:05:56.000Z |
| 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-12-27T12:56:05.000Z |
Animations
| Name | Description | Link | Date |
|---|---|---|---|
| animata | Hand-crafted ✍️ interaction animations and effects from around the internet 🛜 to copy and paste into your project. | Link | 2024-12-27T12:56:05.000Z |
| 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-15T02:52:46.000Z |
| motionvariants | Beautiful Framer Motion Animations. | Link | 2024-12-27T12:56:05.000Z |
| 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-15T03:04:19.000Z |
| tailwindcss-motion | A new simple syntax animation library. Batteries included. Infinitely configurable. | Link | 2024-12-27T12:56:05.000Z |
Tools
| Name | Description | Link | Date |
|---|---|---|---|
| 5devs | A website to get fake Brazilian data for testing purposes. | Link | 2024-12-27T12:56:05.000Z |
| bento-hub | BentoHub is an application where you can create a bento grid for your GitHub profile readme. | Link | 2024-12-27T12:56:05.000Z |
| cheatsheet | A comprehensive, interactive reference for shadcn/ui components with live previews, code examples, and instant copy functionality. | Link | 2025-09-23T23:27:50.000Z |
| cut-it | Link shortener built using Next.js App Router, Server Actions, Drizzle ORM, Turso, and styled with shadcn/ui. | Link | 2024-12-27T12:56:05.000Z |
| 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-12-27T12:56:05.000Z |
| devtools | 28 free browser-based developer utilities built with Next.js and shadcn/ui — JSON formatter, regex tester, JWT decoder, hash generator, UUID generator, diff checker, and more. 100% client-side, no signup. | Link | 2026-04-24T19:43:00.000Z |
| cv-forge | Resume builder built with @shadcn/ui, react-hook-form, and react-pdf. | Link | 2024-12-27T12:56:05.000Z |
| dialectcn | A living catalog of shadcn presets — brand-inspired, community-submitted, and occasionally random. Pick one, copy the code, ship the UI. | Link | 2026-04-24T20:07:56.000Z |
| focus-brew | A free productivity toolkit that combines essential tools to help you stay focused, organized, and efficient throughout your workday. | Link | 2025-05-14T13:31:07.000Z |
| form-builder | UI-based codegen tool to easily create beautiful and type-safe @shadcn/ui forms. | Link | 2024-12-27T12:56:05.000Z |
| form-builder-fast | Shadcn Form Builder - Build forms in minutes for free. | Link | 2024-12-27T12:56:05.000Z |
| graphitup | Create free downloadable Shadcn-themed chart images. Supports PNG, JPEG, WEBP, and even WEBM videos. Upload your own data for more realistic designs. | Link | 2025-12-26T22:40:15.000Z |
| hook-again | A collection of shadcn/ui installable React Hooks. | Link | 2024-12-27T12:56:05.000Z |
| Img2m3 | A 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. | Link | 2026-01-23T21:22:42.000Z |
| imgsrc | Generate beautiful Open Graph images with zero effort. | Link | 2024-12-27T12:56:05.000Z |
| invoify | An invoice generator app built using Next.js, TypeScript, and shadcn/ui. | Link | 2024-12-27T12:56:05.000Z |
| jobsync | JobSync is a job seekers' assistant to manage job search efficiently. | Link | 2024-12-27T12:56:05.000Z |
| keyzen | KeyZen is a small side project: a clean, browser-based typing speed test built for practice and fun. It is open source and free to use or fork. | Link | 2026-04-24T20:24:48.000Z |
| 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-12-27T12:56:05.000Z |
| memoire | MCP server and CLI for shadcn-native Design CI: diagnose UI debt, extract Tailwind tokens, export shadcn registries, and plan safe UI fixes. | Link | 2026-04-26T17:55:21.000Z |
| opensearch-ai | SearchGPT/Perplexity clone but personalized for you. | Link | 2024-12-27T12:56:05.000Z |
| open-ui | The Open Standard for Generative UI | Link | 2026-03-20T17:06:27.000Z |
| 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-27T12:56:05.000Z |
| pastecode | Pastebin alternative built with TypeScript, Next.js, Drizzle, shadcn/ui, and RSC. | Link | 2024-12-27T12:56:05.000Z |
| pictera | Generate Open Graph images without design skills. | Link | 2025-10-08T02:42:37.000Z |
| 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-12-27T12:56:05.000Z |
| quack-db | Open-source in-browser DuckDB SQL editor. | Link | 2024-12-27T12:56:05.000Z |
| shadcn-easy-install | Install all shadcn components easily. One-click to install all selected components. | Link | 2025-06-10T16:58:44.000Z |
| shadcn-hooks | A comprehensive React Hooks Collection built with Shadcn. | Link | 2025-10-25T16:05:40.000Z |
| shadcn-play | A playground for building and previewing shadcn/ui components with a live editor. | Link | 2026-02-13T12:46:03.000Z |
| shadcnpreset | Find the perfect shadcn preset in seconds. Open source and Free. | Link | 2026-05-03T14:17:12.478Z |
| shadcn-pricing-page-generator | The easiest way to get a React pricing page with shadcn/ui, Radix UI, and/or Tailwind CSS. | Link | 2024-12-27T12:56:05.000Z |
| 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-12-27T12:56:05.000Z |
| shadcn-zod-form | CLI tool to generate shadcn/ui forms from Zod schemas. | Link | 2024-12-27T12:56:05.000Z |
| sharable-form-builder | A sharable form builder for creating forms and sharing your form link, based on shadcn/ui and Next.js. | Link | 2024-12-27T12:56:05.000Z |
| shoogle | A shadcn search engine | Link | 2026-02-13T02:05:41.000Z |
| slidytabs | A tool that adds a sliding indicator animation to shadcn <Tabs /> without changing how you use or customize the component | Link | 2026-01-23T21:13:51.000Z |
| someday | Free to host and open-source Cal.com/Calendly alternative built on Google Apps Script for Gmail users. | Link | 2024-12-27T12:56:05.000Z |
| sweep | Sweep 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. | Link | 2025-11-11T22:24:32.000Z |
| tancn | Build powerful forms and tables with ease using TanStack technologies | Link | 2025-11-02T20:24:53.000Z |
| tinte | An opinionated VS Code Theme Generator 🎨. | Link | 2024-12-27T12:56:05.000Z |
| translate-app | Translate App using TypeScript, Tailwind CSS, NextJS, Bun, shadcn/ui, AI SDK/OpenAI, and Zod. | Link | 2024-12-27T12:56:05.000Z |
| typelabs | MonkeyType-inspired typing test app built with React, shadcn, and Zustand at its core. | Link | 2024-12-27T12:56:05.000Z |
| 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-12-27T12:56:05.000Z |
| ui-fonts | Test and preview fonts in real-time for all your design needs. Choose the perfect typeface with ease. | Link | 2024-12-27T12:56:05.000Z |
| v0 | Vercel's generative UI system, built on shadcn/ui and TailwindCSS, allows effortless UI generation from text prompts and/or images. | Link | 2024-12-27T12:56:05.000Z |
| vercel-status-tracker | Track the status of all of your projects deployed via Vercel. Built with shadcn/ui and TailwindCSS. | Link | 2025-01-02T18:24:01.000Z |
| wallhaven-desktop | Wallhaven Wallpaper software desktop. Create a Wallhaven API-based client, a true wallpaper software. | Link | 2024-12-27T12:56:05.000Z |
Websites and Portfolios
| 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-12-27T12:56:05.000Z |
| anishshobithps.com | Personal portfolio of a software developer, grid-styled design . | Link | 2026-02-27T22:16:04.000Z |
| birobirobiro.dev | A personal developer portfolio. | Link | 2024-12-27T12:56:05.000Z |
| bucharitesh.in | A minimal portfolio with awesome craft's registry. | Link | 2025-12-25T13:25:27.000Z |
| chanhdai.com | A minimal portfolio, component registry, and blog. | Link | 2025-09-23T23:23:42.000Z |
| devfolios | Find best portfolio inspiration from all over the internet | Link | 2025-10-25T16:06:54.000Z |
| godly | Astronomically good web design inspiration. Only the best of the best. | Link | 2024-12-27T12:56:05.000Z |
| hritu.art | A clean, modern designer portfolio blending minimal aesthetics with functional UI and built-in email support via React Email. | Link | 2025-06-10T16:50:50.000Z |
| list.swajp.me | It has never been easier to find the right projects or designs by inspiring successful people. | Link | 2024-12-27T12:56:05.000Z |
| nathans-ai | An AI Chatbot acting as a portfolio, built with shadcn/ui components. | Link | 2025-06-10T16:50:50.000Z |
| ifte-13 | Portfolio made with Next.js, shadcn/ui (with magic ui ) and Email.js | Link | 2025-10-25T16:09:10.000Z |
| shubhporwal.me | An eye-catching developer portfolio, built on NextJS, GSAP, Tailwind, and React. | Link | 2024-12-27T12:56:05.000Z |
| swajp.me | A visually appealing portfolio and resource hub. | Link | 2024-12-27T12:56:05.000Z |
| 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-06-10T16:50:50.000Z |
Platforms
| Name | Description | Link | Date |
|---|---|---|---|
| anonypost | Share your thoughts and experiences anonymously by posting on the platform. Crafted using t3-stack. | Link | 2024-12-27T12:56:05.000Z |
| auditzap | AI-powered website audit tool that runs 24 checks across SEO, performance, and site health, then generates code-level fix instructions ranked by revenue impact. Built with Next.js 16, shadcn/ui, Tailwind CSS 4, and Drizzle ORM. | Link | 2026-04-24T19:42:15.000Z |
| citeme | AI-powered academic citation generator. Searches 11+ databases and formats in 40+ styles (APA, ABNT, MLA, etc.). Web app, Chrome extension, Google Docs add-on, and Word add-in. | Link | 2026-03-03T14:07:11.000Z |
| grade-calculator | A grade calculator/dashboard for students, aiming to provide a better overview of academic performance. | Link | 2024-12-27T12:56:05.000Z |
| infinitunes | A simple music player web app built using Next.js, shadcn/ui, Tailwind CSS, Drizzle ORM, and more. | Link | 2024-12-27T12:56:05.000Z |
| kd | Ad-free Kdrama streaming app. Built with Next.js, Drizzle ORM, NeonDB, and shadcn/ui. | Link | 2024-12-27T12:56:05.000Z |
| memergez | Quickly generate memes by entering text or an avatar URL, with support for many meme commands. | Link | 2024-12-27T12:56:05.000Z |
| multiboard | Minimal Kanban platform. Built with Better-Auth, Next.js, ZenStack, Prisma, and shadcn/ui. | Link | 2025-07-15T17:11:44.000Z |
| openhive | Open-source, self-hosted Slack alternative with channels, DMs, threads, reactions, file uploads, and video/audio calls. Built with Next.js, Supabase, Zustand, and shadcn/ui. | Link | 2026-03-14T18:15:08.000Z |
| plotwist | Easy management and reviews of your movies, series, and animes using Next.js, Tailwind CSS, Supabase, and shadcn/ui. | Link | 2024-12-27T12:56:05.000Z |
| s5arc-ecommerce-platform | S5ARC is an open-source, multi-tenant e-commerce SaaS platform designed to help non-technical founders launch online stores quickly built with shadcn & nextjs etc. | Link | 2026-04-24T19:39:08.000Z |
| veritas-kanban | Self-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. | Link | 2026-01-31T22:04:09.000Z |
| xeramail | Temporary email address service built with Next.js and shadcn/ui, offering fast inbox access, modern UI, and better control over disposable emails. | Link | 2026-01-23T21:22:14.000Z |
| xquik | All-in-one X automation platform with 40+ tools, REST API, MCP server, and HMAC webhooks. Built with Next.js, shadcn/ui, and Tailwind CSS. | Link | 2026-04-24T19:44:11.000Z |
| youropinion.is | Free survey platform which supports importing your exisitng shadcn/ui theme | Link | 2025-05-22T13:44:23.000Z |
Ports
| Name | Description | Link | Date |
|---|---|---|---|
| Angular | Angular port of shadcn/ui. | Link | 2024-12-27T12:56:05.000Z |
| Basecoat | Vanilla HTML, CSS and JS port of shadcn/ui. | Link | 2025-07-07T12:15:40.000Z |
| Flutter | Flutter port of shadcn/ui. | Link | 2024-12-27T12:56:05.000Z |
| 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-12-27T12:56:05.000Z |
| JollyUI | shadcn/ui compatible react aria components. | Link | 2024-12-27T12:56:05.000Z |
| Kotlin | Kotlin port of shadcn/ui. | Link | 2024-12-27T12:56:05.000Z |
| mkdocs-shadcn | MkDocs port of shadcn/ui. | Link | 2025-07-07T12:20:11.000Z |
| .NET (ShadUI) | Avalonia port of shadcn/ui. Based on SukiUI | Link | 2025-10-13T13:42:09.000Z |
| Phoenix Liveview | Phoenix Liveview port of shadcn/ui. | Link | 2024-12-27T12:56:05.000Z |
| React Native | React Native port of shadcn/ui. | Link | 2024-12-27T12:56:05.000Z |
| React Native (recommended) | React Native port of shadcn/ui (recommended). | Link | 2024-12-27T12:56:05.000Z |
| Ruby | Ruby port of shadcn/ui. | Link | 2024-12-27T12:56:05.000Z |
| Solid | Solid port of shadcn/ui. | Link | 2024-12-27T12:56:05.000Z |
| Svelte | Svelte port of shadcn/ui. | Link | 2024-12-27T12:56:05.000Z |
| Swift | Swift port of shadcn/ui. | Link | 2024-12-27T12:56:05.000Z |
| Sysinfocus simple/ui | Razor component library for Blazor, inspired by shadcn/ui. | Link | 2024-12-27T12:56:05.000Z |
| Vue | Vue port of shadcn/ui. | Link | 2024-12-27T12:56:05.000Z |
Design System
| 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-07T19:37:06.000Z |
| obra-shadcn-ui | This file replicates all 51 shadcn/ui v4 components in a composable way as a reusable Figma library.. | Link | 2025-06-16T11:48:04.000Z |
| shadcn-ui-components | Every component recreated in Figma. | Link | 2024-12-27T12:56:05.000Z |
| shadcn-ui-storybook (JheanAntunes) | All shadcn/ui components registered in the storybook by JheanAntunes. | Link | 2024-12-27T12:56:05.000Z |
| shadcn-ui-storybook (fellipeutaka) | All shadcn/ui components registered in the storybook by fellipeutaka. | Link | 2024-12-27T12:56:05.000Z |
Boilerplates / Templates
| Name | Description | Link | Date |
|---|---|---|---|
| a11y-starter-kit | Free WCAG 2.1 AA starter kit with accessible components, custom a11y hooks, and dark mode. Built with Next.js 16, Tailwind CSS v4, and shadcn/ui. | Link | 2026-04-10T13:58:09.000Z |
| agentic-react-nextjs-shadcn | Agent-testable SaaS starter built with Next.js 16, shadcn/ui, and Tailwind CSS. Includes accessibility-first components, semantic HTML for AI agent testing, and production-ready patterns. | Link | 2026-03-03T22:35:00.000Z |
| astro-erudite | An opinionated, unstyled static blogging template—built with Astro, Tailwind, and shadcn/ui. | Link | 2025-10-25T16:15:21.000Z |
| atomic-crm | Open-source React CRM built on top of SupabaseDemo site | Link | 2025-09-23T23:25:16.000Z |
| autoflow | An open source GraphRAG (Knowledge Graph) built on top of TiDB Vector, LlamaIndex, and DSPy.Demo site. | Link | 2024-12-27T12:56:05.000Z |
| browser-extension-starter-plasmo-shadcn-trpc | Browser extension starter kit featuring Plasmo, React, Shadcn, and tRPC. | Link | 2024-12-27T12:56:05.000Z |
| chadnext | Quick Starter Template includes Next.js 14 App Router, shadcn/ui, LuciaAuth, Prisma, Server Actions, Stripe, Internationalization, and more. | Link | 2024-12-27T12:56:05.000Z |
| cloudflare-saas-stack | An opinionated, batteries-included starter kit for quickly building and deploying SaaS products on Cloudflare. | Link | 2024-12-27T12:56:05.000Z |
| create-next-shadcn-kit | CLI to scaffold a production-ready Next.js app with shadcn/ui, Tailwind CSS, optional state management (Redux Toolkit/Zustand), and preconfigured tooling like Husky. | Link | 2026-04-24T19:36:10.000Z |
| create-react-shadcn-kit | CLI to scaffold a production-ready React (Vite) app with shadcn/ui, Tailwind CSS v4, optional Redux Toolkit/Zustand, and preconfigured tooling like Husky and TypeScript. | Link | 2026-04-24T19:36:10.000Z |
| create-tauri-core | A project template for creating a Tauri app with Vite, React, and Tailwind CSS. | Link | 2024-12-27T12:56:05.000Z |
| create-tauri-ui | Create modern Tauri desktop apps with shadcn/ui, desktop-first defaults, and optional batteries. | Link | 2026-03-31T13:03:03.000Z |
| design-system-template | Turborepo + TailwindCSS + Storybook + shadcn/ui. | Link | 2024-12-27T12:56:05.000Z |
| deska-dashboard-template | A dashboard template built with Nuxt, Tailwind and Shadcn. | Link | 2026-04-24T19:37:44.000Z |
| devstarter | Devstarter 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. | Link | 2026-01-27T22:06:21.000Z |
| easy-ui | 50+ High Quality Open Source Website Templates built using NextJS + shadcn/ui + Tailwind CSS + Framer Motion and more. | Link | 2024-12-27T12:56:05.000Z |
| ecommerce-kit | Next.js starter kit with the tools you need to quickly launch your e-commerce site. | Link | 2025-09-06T21:28:00.000Z |
| electron-shadcn | Electron app template with shadcn/ui and a bunch of other libs and tools ready to use. | Link | 2024-12-27T12:56:05.000Z |
| forjnot | Modern Project Starter Kit | Launch your next project faster with Forjnot - A professional, customizable and clean starting point featuring modern tech stack and best practices | 2025-11-20T13:32:28.000Z |
| full-stack-monorepo-starter | Full stack monorepo template built using shadcn/ui + Fastify + graphql + vitejs + Docker and more. | Link | 2025-06-10T16:56:50.000Z |
| fumadocs-starter | A fully-fledged Fumadocs starter template with built-in plugins, AI features, and everything you need to build your next docs site. | Link | 2025-11-20T13:33:22.000Z |
| horizon-ai-nextjs-shadcn-boilerplate | Premium AI NextJS & shadcn/ui Boilerplate + Stripe + Supabase + OAuth. | Link | 2024-12-27T12:56:05.000Z |
| kirimase | A template and boilerplate for quickly starting your next project with shadcn/ui, Tailwind CSS, and Next.js. | Link | 2024-12-27T12:56:05.000Z |
| login-auth | A login authentication web app built with Vite + React, Tailwind CSS, and Shadcn UI. It uses Firebase for Google sign-in, email sign-up, and password reset. | Link | 2026-03-15T08:16:31.000Z |
| magicui-startup-templates | Magic UI Startup template built using shadcn/ui + TailwindCSS + Framer Motion. | Link | 2024-12-27T12:56:05.000Z |
| next-shadcn-admin-dashboard | Modern Admin Dashboard Template built with Shadcn UI and Next.js 15 | Link | 2025-10-25T16:04:38.000Z |
| nextMotion | Webdev portfolio template with Nodemailer integrated for easy contact form setup. Uses shadcn/ui + TailwindCSS + Framer Motion. | Link | 2024-12-27T12:56:05.000Z |
| 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-08T13:07:36.000Z |
| next-shadcn-dashboard-starter | Admin Dashboard Starter with Nextjs 14 and shadcn/ui. | Link | 2024-12-27T12:56:05.000Z |
| 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-12-27T12:56:05.000Z |
| nextjs-mdx-blog | Starter template built with Contentlayer, MDX, shadcn/ui, and Tailwind CSS. | Link | 2024-12-27T12:56:05.000Z |
| 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-12-27T12:56:05.000Z |
| next-wp | Headless Wordpress Starter built with the NextJS App Router and React Server Components. | Link | 2024-12-27T12:56:05.000Z |
| 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-12-27T12:56:05.000Z |
| openui-shadcn-chat | Full-stack generative UI chatbot template using OpenUI Lang with shadcn/ui component library, SSE streaming, and tool calling. | Link | 2026-03-31T13:01:46.000Z |
| 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-06T15:08:02.000Z |
| react-vite-starter | React starter powered with Vite + Redux Toolkit + RTKQuery + React Router + shadcn UI and many more. | Link | 2024-12-27T12:56:05.000Z |
| shadcn-landing-page | Landing page template using shadcn/ui, React, TypeScript, and Tailwind CSS. | Link | 2024-12-27T12:56:05.000Z |
| shadcn-landing-page (Vue) | Project conversionshadcn-vue-landing-page to Next.js - Landing page template using Nestjs, shadcn/ui, TypeScript, and Tailwind CSS. | Link | 2024-12-27T12:56:05.000Z |
| shadcn-nextjs-free-boilerplate | Free & Open-source NextJS Boilerplate + ChatGPT API Dashboard Template. | Link | 2024-12-27T12:56:05.000Z |
| shadcn-nextjs-dashboard | Admin Dashboard UI built with Shadcn and NextJS. Free and Open-source. | Link | 2025-07-07T12:18:42.000Z |
| shadcn-portfolio | A portfolio template, which uses shadcn-ui and Next.JS. | Link | 2025-11-20T13:32:59.000Z |
| shadcn-registry-template | Template repository for building a custom component registry for shadcn/ui. | Link | 2024-12-27T12:56:05.000Z |
| shadcn-saas-landing | A full-fledged SaaS Landing template built using Next.JS, shadcn/ui, and fumadocs. | Link | 2025-11-20T13:31:17.000Z |
| saas-blocks-kit | 10 production-ready SaaS landing page sections built with Next.js 15, shadcn/ui, Tailwind CSS v4 and TypeScript. Dark mode by default. | Link | 2026-03-31T13:04:58.000Z |
| shadcn-ui-dashboard | Multipurpose and powerful admin dashboard template compatible with shadcn/ui. | Link | 2025-09-23T23:26:28.000Z |
| shadcn-vue-landing-page | Landing page template using Vue, shadcn-vue, TypeScript, and Tailwind CSS. | Link | 2024-12-27T12:56:05.000Z |
| shadcn-admin-template | A admin dashboard template for Next.js, React, Vite and Vue.js, built with Tailwind CSS. | Link | 2026-04-24T20:17:40.000Z |
| shadcn-next-workflows | Interactive workflow builder using React Flows, Next.js, and Shadcn/ui. Create, connect, and validate custom nodes easily. | Link | 2024-12-27T12:56:05.000Z |
| 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-12-27T12:56:05.000Z |
| 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-23T23:25:41.000Z |
| t3-app-template | Admin template for T3 Stack and shadcn/ui. | Link | 2024-12-27T12:56:05.000Z |
| tailwind-admin | Open Source Shadcn Dashboard Template Built On React and Tailwind CSS | Link | 2026-01-23T21:23:52.000Z |
| taxonomy | An open-source application built using the new router, server components, and everything new in Next.js. | Link | 2024-12-27T12:56:05.000Z |
| template-next | A clean Next.js template with TypeScript, TailwindCSS, Shadcn/ui, and Prettier. | Link | 2024-12-27T12:56:05.000Z |
| 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-24T17:18:07.000Z |
| turborepo-shadcn-ui-tailwindcss | Turborepo starter with shadcn/ui & TailwindCSS pre-configured for shared UI components. | Link | 2024-12-27T12:56:05.000Z |
| 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-12-27T12:56:05.000Z |
| waitly | A simple and useful waitlist Next.js and Shadcn UI template. | Link | 2026-01-23T21:25:02.000Z |
| 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-12-27T12:56:05.000Z |
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