hub / github.com/birobirobiro/awesome-shadcn-ui
github.com/birobirobiro/awesome-shadcn-ui @main sqlite
451 symbols
1,100 edges
123 files
10 documented · 2%
README
awesome-shadcn/ui
A curated list of awesome things related to shadcn/ui
Created by birobirobiro.dev
Site by bankkroll.xyz
Sponsors
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 |
| 8starlabs-ui | A set of beautifully designed components designed for developers who want niche, high-utility UI elements that you won't find in standard libraries. | Link | 2026-06-23 |
| 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 |
| agentcn | Production-ready agents, made simple. Ready to use, customizable AI agent recipes. Built on Eve and Flue. | Link | 2026-06-21T12:00:00.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 |
| 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 |
| dotmatrix | 55+ free and open-source loaders, built with React, TypeScript, Tailwind CSS, and shadcn. Install one, copy the code, and make it yours. | Link | 2026-06-19 |
| 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 ro |
Extension points exported contracts — how you extend this code
SubmissionData (Interface)* Data submitted when creating a new resource PR.
src/app/api/submit-resource/route.ts
SearchFilterControlsProps (Interface)
(no doc)
src/components/search-filter-controls.tsx
Resource (Interface)
(no doc)
src/hooks/use-readme.ts
InsertResult (Interface)
* Result of attempting to insert a resource into the README.
src/app/api/submit-resource/route.ts
WebsitePreviewProps (Interface)
(no doc)
src/components/website-preview.tsx
SubmissionData (Interface)
(no doc)
src/hooks/use-pr-submission.ts
Category (Interface)
(no doc)
src/app/page.tsx
ItemCardProps (Interface)
(no doc)
src/components/item-card.tsx
Core symbols most depended-on inside this repo
cncalled by 297
src/lib/utils.ts
categoryNameToSlug
called by 6
src/lib/slugs.ts
fetchAndParseReadme
called by 5
src/hooks/use-readme.ts
useCarousel
called by 4
src/components/ui/carousel.tsx
useSidebar
called by 4
src/components/ui/sidebar.tsx
cleanupIframe
called by 4
src/hooks/use-website-preview.ts
getPayloadConfigFromPayload
called by 3
src/components/ui/chart.tsx
useDebounce
called by 3
src/hooks/use-debounce.ts
Shape
Languages
TypeScript100%
Modules by API surface
src/components/ui/sidebar.tsx25 symbols
src/components/ui/marquee.tsx19 symbols
src/components/ui/menubar.tsx16 symbols
src/components/ui/combobox.tsx16 symbols
src/components/ui/dropdown-menu.tsx15 symbols
src/components/ui/context-menu.tsx15 symbols
src/components/ui/alert-dialog.tsx12 symbols
src/components/ui/sheet.tsx10 symbols
src/components/ui/select.tsx10 symbols
src/components/ui/item.tsx10 symbols
src/components/ui/field.tsx10 symbols
src/components/ui/drawer.tsx10 symbols
Dependencies from manifests, versioned
@base-ui/react1.2.0 · 1×
@hugeicons/core-free-icons3.3.0 · 1×
@hugeicons/react1.1.5 · 1×
@next/third-parties16.1.6 · 1×
@octokit/rest22.0.0 · 1×
@opennextjs/cloudflare1.16.1 · 1×
@radix-ui/react-avatar1.1.9 · 1×
@radix-ui/react-dialog1.1.13 · 1×
@radix-ui/react-dropdown-menu2.1.14 · 1×
@radix-ui/react-icons1.3.0 · 1×
@radix-ui/react-label2.1.7 · 1×
@radix-ui/react-navigation-menu1.2.14 · 1×
For agents
$ claude mcp add awesome-shadcn-ui \
-- python -m otcore.mcp_server <graph>