Libraries & Components
Extended component libraries and individual components to enhance your shadcn/ui projects.80 resources
Add shadcn.io to your AI agent. · Pro It installs blocks, icons and premium templates from a prompt, with Pro.
Set up MCPLibraries & Components
80 resources
Discover shadcn/ui component libraries like MagicUI, Aceternity, Origin UI, Novel, and Tremor. Copy-paste React components built with Tailwind CSS for your Next.js projects.
80 libraries & components, by name or what it does
Chamaac UIA premium collection of high-performance shader components, interactive backgrounds, and modern UI elements for React applications
unlumen UIBeautifully Designed React Components
8StarLabs UIComponent library for niche, high-utility UI elements
Base UIUnstyled UI components for building accessible web apps and design systems
MCP.DirectoryThe largest directory of MCP servers and agent skills. One-click install for Cursor, VS Code, Claude Desktop, Claude Code, Codex, and ChatGPT.
creatorem/uiMissing awesome shadcn components (like Tour, Stepper, QRCode Motion Dialog) built on top of radix primitives and motion.
tool-uiBeautiful, ready-to-use UI components for AI tool calls and MCP UI.
ui-layoutsUI Layouts is a complete toolkit with components, effects, design tools, and ready-to-use blocks.
billingsdkModern, type-safe billing and subscription management components for React, built with TypeScript and Tailwind CSS.
blocks.soA set of clean, modern building blocks to copy and paste into your apps. Works with all React frameworks.
mvpblocksCopy-paste beautiful, responsive components without worrying about styling or animations. Build faster, launch sooner.
buouuiA UI component library and template suite based on shadcn/ui with stunning landing pages, templates, and rich animations.
shadcn-builderCreate beautiful, responsive forms with the easy-to-use form builder and generate React code using shadcn/ui components.
shsfuiMotion-first React components built with Tailwind CSS + Framer Motion.
shadcn-blocks-comHundreds of extra blocks built with shadcn/ui.
commerce-uiComponents, blocks and examples to build e-commerce storefronts and apps.
junwen-k/ui-xAdditional beautifully designed components that you can copy and paste into your apps. Accessible. Customizable. Open Source.
simple-aiComponents and blocks to easily build AI apps.
shadcn-adminAdmin Dashboard UI with shadcn/ui and Vite.
manfromexistence-uiComponents to build beautiful designs.
shadcn-spinnerSpinner component.
21st.devOpen source npm for shadcn/ui components. Also: Dribble for design engineers. Install UI components via shadcn CLI, or publish your own.
extend-uiReusable components built on shadcn/ui for web applications.
twblocksWebsite blocks based on shadcn & Radix.
drag-to-resize-sidebarExtended shadcn/ui sidebar component with persisted state drag-to-resize functionality.
gluestack-uiReact & React Native Components with Tailwind CSS.
shadcn-tiptapCustom Tiptap editor extensions.
origin-uiBeautiful UI components with Tailwind CSS and Next.js.
inspira-uiUI components for animated interfaces in Vue/NuxtJS.
dnd-dashboardDashboard with drop-to-swap layouts using Next.js, shadcn/ui, and swapy.
number-flowReact component for number transitions and formatting.
shadcn-cookie-consentCustomizable cookie consent component.
assistant-uiReact Components for AI Chat.
shadcn-color-pickerColor picker with react-color.
shadcn-tree-viewHierarchical data component.
ui-beatsAnimated React Components collection.
fancy-boxGitHub PR label selector-inspired Combobox with radix-ui components.
stocksStock Picker with Next.js charts.
confirm-dialogA confirm dialog component built with shadcn/ui.
lukacho-uiNext Generation UI Components.
downshift-shadcn-comboboxCombobox/autocomplete component built with shadcn/ui and Downshift.
fancy-areaTextarea with @mention support inspired by GitHub's PR comment section.
minimal-tiptapMinimal WYSIWYG editor with shadcn/ui and tiptap.
mynauiTailwindCSS and shadcn/ui UI Kit for Figma and React.
shadcn-timelineCustomizable timeline component.- tremor.sotremorComponents for charts and dashboards.
novelNotion-style WYSIWYG editor with AI-powered autocompletion.
ibelick/background-snippetReady to use collection of modern background snippets.- github.comclerk-shadcn-themeSynchronize Clerk SignIn/SignUp components with shadcn/ui styles.
credenzaReady-made responsive modal component for shadcn/ui.
file-uploaderFile uploader with shadcn/ui and react-dropzone.
file-vaultFile upload component for React.
nextjs-componentsNext.js components with TypeScript and shadcn/ui.
phone-input-shadcn-uiCustom phone number component with shadcn/ui.
shadcn-extensionOpen-source component collection.
shadcn-multi-select-componentMulti-select component.
shadcn-ui-expansionsAdditional useful components.
uixmat-onbordaProduct tour for Next.js applications.
vaulDrawer component for React.
next-shadcn-dashboard-starterAdmin Dashboard Starter with nextjs 16 and Shadcn UI.
capture-photoBrowser-based React component for camera functionalities in web applications.
auto-formA React component that automatically creates a shadcn/ui form based on a zod schema.
date-range-picker-for-shadcnMulti-month views, text entry, preset ranges, responsive design, and date range comparisons.
emblorCustomizable, accessible tag input component with shadcn/ui.
enhanced-buttonEnhanced version of the default shadcn-button component.
fancy-multi-selectMulti Select Component inspired by campsite.design and cal.com.
time-pickerSimple TimePicker component.
shadcn-linear-comboboxLinear-style task priority combobox.
shadcn-stepperComplete stepper component.
sortableSortable component with dnd-kit.
Advanced Data TableDataTable with column resizing.
NeoBrutalismThe best neobrutalism kit for shadcn/ui
pricing-page-shadcnCustomizable pricing page with Next.js 16.- gist.github.compassword-inputshadcn/ui custom password input.
react-dnd-kit + shadcn/uiAccessible kanban board with dnd-kit.
shadcn-blocksOfficial pre-made customizable components.
shadcn-phone-inputPhone input with country validation.
shadcn-table-v2Table with server-side features.
plateAI-powered rich-text editor.
country-state-dropdownComponent built with Nextjs, Tailwindcss, shadcn/ui & Zustand.
Missing one? Send it in. A person reviews every submission.
Submit a resourceCategories
Other categories
A curated directory of components, libraries, plugins, themes, templates, and tools for the shadcn/ui ecosystem.
- 30 resourcesComponent RegistriesComponent registries that support the shadcn CLI for easy installation.
- 3 resourcesPlugins & ExtensionsVS Code extensions, browser plugins, and development tools for shadcn/ui.
- 7 resourcesColors & ThemesTheme generators, color tools, and customization utilities for shadcn/ui.
- 3 resourcesAnimationsAnimation libraries and effects to bring your shadcn/ui components to life.
- 13 resourcesTools & UtilitiesDevelopment tools, form builders, generators, and utilities for shadcn/ui.
- 8 resourcesWebsites & PortfoliosInspiring websites, portfolios, and design showcases built with shadcn/ui.
- 8 resourcesFramework Portsshadcn/ui implementations for different frameworks and platforms.
- 17 resourcesBoilerplates & TemplatesReady-to-use templates, boilerplates, and starter projects with shadcn/ui.
Or skip the search. With Pro, your AI agent finds and installs the block, template or icon you describe.
Get ProPricing
Ship it with Pro
The directory is free. Pro adds 6,000+ blocks, 14 premium templates and the MCP server, so your AI editor installs them for you.
4.9/5 out of 5 · 150+ reviewsfrom 150+ founders and developers.
Billing
Billed once a year in USD. Cancel anytime.
- How many people can use the license.
- Client work, SaaS products and anything you charge for.
- Production-ready React sections: hero, pricing, features, dashboards and more.
- Complete multi-page sites you can ship as they are.
- React icons from every major library, installable with one command.
- Presets that restyle every block, in light and dark.
- Lets your AI editor search, preview and install blocks for you.
- Priority requests are answered first.
Individual
For personal projects & open source
$32instead of $49/mo
$389 billed yearly
- Seats: 1 seat
- Commercial use: Personal & open source only
- Pro blocks: 6,000+ blocks
- Templates: All 14 templates
- React icons: 294k+ icons
- Themes: All 59 themes
- MCP server: Basic usage
- Support: Standard
Team
Most popularFor freelancers, agencies & startups
$66instead of $99/mo
$789 billed yearly · ≈ $13/dev/mo
- Seats: Up to 5 seats
- Commercial use: Included
- Pro blocks: 6,000+ blocks
- Templates: All 14 templates
- React icons: 294k+ icons
- Themes: All 59 themes
- MCP server: High usage
- Support: Priority
Organization
For companies with larger teams
$132instead of $199/mo
$1,589 billed yearly
- Seats: Unlimited seats
- Commercial use: Included
- Pro blocks: 6,000+ blocks
- Templates: All 14 templates
- React icons: 294k+ icons
- Themes: All 59 themes
- MCP server: Unlimited usage
- Support: Priority
Billed once a year in USD. Cancel anytime.
Individual
For personal projects & open source
$32instead of $49/mo
$389 billed yearly
- How many people can use the license.Seats: 1 seat
- Client work, SaaS products and anything you charge for.Commercial use: Personal & open source only
- Production-ready React sections: hero, pricing, features, dashboards and more.Pro blocks: 6,000+ blocks
- Complete multi-page sites you can ship as they are.Templates: All 14 templates
- React icons from every major library, installable with one command.React icons: 294k+ icons
- Presets that restyle every block, in light and dark.Themes: All 59 themes
- Lets your AI editor search, preview and install blocks for you.MCP server: Basic usage
- Priority requests are answered first.Support: Standard
Team
Most popularFor freelancers, agencies & startups
$66instead of $99/mo
$789 billed yearly · ≈ $13/dev/mo
Everything in Individual, plus
- How many people can use the license.Seats: Up to 5 seats
- Client work, SaaS products and anything you charge for.Commercial use: Included
- Lets your AI editor search, preview and install blocks for you.MCP server: High usage
- Priority requests are answered first.Support: Priority
Organization
For companies with larger teams
$132instead of $199/mo
$1,589 billed yearly
Everything in Team, plus
- How many people can use the license.Seats: Unlimited seats
- Lets your AI editor search, preview and install blocks for you.MCP server: Unlimited usage
- Secure checkout via Stripe
- Code lives in your repo
- Keep what you've shipped if you cancel
- License terms
Found your stack? Ship it.
6,000+ blocks, premium templates and MCP in every Pro plan. The directory stays free.