https://shadcnspace.com/
Explore the Shadcn UI ecosystem with blocks, templates, and components you can preview and copy. Browse production-ready layouts, sections, and UI assets built...
open sourceshadcn uiblockstemplatescomponents
https://allshadcn.com/templates/category/admin-dashboards/
Explore premium Admin Dashboards templates built with Shadcn. Modern, responsive, and easy to customize.
shadcn uiadmin templates
https://ui.shadcn.com/docs/registry/getting-started
Learn how to get setup and run your own component registry.
getting startedshadcn ui
https://ui.shadcn.com/docs/components/toast
A succinct message that is displayed temporarily.
shadcn uitoast
https://allshadcn.com/blocks/category/footer/
Explore customizable, responsive Shadcn Footer Sections built with React & Tailwind CSS. Enhance your site’s navigation, branding, & user engagement...
shadcn uifooter
https://ui.shadcn.com/docs/forms/tanstack-form
Build forms in React using TanStack Form and Zod.
shadcn uitanstackform
https://www.hextaui.com/?utm_source=ui.shadcn.com&utm_medium=referral&utm_campaign=directory
Ready-to-use foundation components/blocks built on top of shadcn/ui.
shadcn uiextendedcomponentsampblocks
https://payblocks.trieb.work/
Launch your next web project faster with our Next.js and PayloadCMS starter kit. Get 50+ shadcn/ui components built for modern development.
shadcn uipayload cmswebsite template
https://next.jqueryscript.net/shadcn-ui/accessible-components-dice-ui/
Oct 24, 2025 - Copy-paste accessible UI components built on shadcn/ui. Includes data tables, media players, and 30+ TypeScript components with Tailwind CSS.
copy pasteui componentsaccessibleshadcndice
https://ui.shadcn.com/docs/forms/react-hook-form
Build forms in React using React Hook Form and Zod.
react hook formshadcn ui
https://github.com/henriqpohl/turborepo-shadcn-ui-tailwindcss
Turborepo starter with Shadcn/UI & Tailwind CSS pre-configured for shared ui components. - henriqpohl/turborepo-shadcn-ui-tailwindcss
shadcn uigithubturborepotailwindcssstarter
https://ui.shadcn.com/docs/blocks
Contribute components to the blocks library.
shadcn uiblocks
https://ui.shadcn.com/docs/components/chart
Beautiful charts. Built using Recharts. Copy and paste into your apps.
shadcn uichart
https://ui.shadcn.com/docs/components/sonner
An opinionated toast component for React.
shadcn uisonner
https://ui.shadcn.com/docs/components/typography
Styles for headings, paragraphs, lists...etc
shadcn uitypography
https://ui.shadcn.com/docs/components/resizable
Accessible resizable panel groups and layouts with keyboard support.
shadcn uiresizable
https://www.shadcndesign.com/
Design and build faster with 2,000+ shadcn/ui Figma components, Pro Blocks with production-ready code, templates, charts, and a Figma plugin that exports...
shadcn uifigma prokitblockstemplates
https://devaiohub.com/tool-themecn-dev/
DevAIOHub presents themecn - Theme Builder for shadcn/ui, a CMMI Level 3-backed Template Libraries tool for Frontend,Full-Stack,UI/UX.
theme buildershadcntemplatelibrariestool
https://encore.dev/templates/saas-starter
Build a SaaS app quickly with Encore.ts, Next.js, Clerk, Stripe, Tailwind CSS, and shadcn/ui Deploy automatically to your own AWS or GCP account.
saas appnext jsbuildencorets
https://ui.shadcn.com/docs/installation/next
Install and configure shadcn/ui for Next.js.
next jsshadcn ui
https://www.creative-tim.com/twcomponents/component/shadcn-ui-input-component-for-dark-mode-horizon-ai-boilerplate/landing
Free Shadcn UI dark mode input component from Horizon AI Boilerplate
shadcn uidark modehorizon aiinputcomponent
https://ui.shadcn.com/docs/forms
Build forms with React and shadcn/ui.
shadcn uiforms
https://ui.shadcn.com/docs/legacy
View the legacy docs for shadcn/ui and Tailwind v3.
legacy docsshadcn ui
https://ui.shadcn.com/docs/directory
Discover community registries for shadcn/ui components and blocks.
shadcn uiregistrydirectory
https://tailkits.com/templates/lumen/
Launch a modern marketing site fast with Lumen—10+ pages, 100+ components, shadcn/ui + Tailwind 4, SEO-ready, Figma included. For Next.js and Astro.
lumenshadcnuitailwindlanding
https://github.com/ObservedObserver/streamlit-shadcn-ui?ref=blog.streamlit.io
Using shadcn-ui components in streamlit. Contribute to ObservedObserver/streamlit-shadcn-ui development by creating an account on GitHub.
shadcn uigithubstreamlitblogio
https://shadcnuikit.com/template/soho-chat-app-template
A Next.js template built with Next.js, Tailwind CSS and shadcn/ui that you can use to create chat or messaging apps.
chat appshadcn uisohotemplatekit
https://allshadcn.com/tools/category/icons/
Make your web projects stand out with easy-to-use, customizable Shadcn Icon that fit perfectly with Shadcn UI and Tailwind CSS.
shadcn uiicons
https://reactshadcn.com/
Live Preview for React, Shadcn UI, Twilwind, Lucide, Recharts and Framer Motion
shadcn uireactpreview
https://ui.shadcn.com/docs/components/aspect-ratio
Displays content within a desired ratio.
aspect ratioshadcn ui
https://www.creative-tim.com/ui/docs/components/skeleton
AI Ready Skeleton loading examples for v0, Lovable or Replit. They are built with shadcn/ui. Includes text, avatar, block, pill, chart, and table skeleton...
creative tim uishadcnskeletoncomponents
https://ui.shadcn.com/docs/components/label
Renders an accessible label associated with controls.
shadcn uilabel
https://ui.shadcn.com/docs/components/empty
Use the Empty component to display an empty state.
shadcn uiempty
https://allshadcn.com/components/rust/
Jun 5, 2025 - Beautifully designed components that you can copy and paste.
shadcn uirust
https://allutilitycss.com/tools/color-library/
May 9, 2025 - Tailwind CSS colors in HSL, RGB, HEX and OKLCH formats.
color libraryshadcn ui
https://ui.shadcn.com/docs/components/alert-dialog
A modal dialog that interrupts the user with important content and expects a response.
alert dialogshadcn ui
https://ui.shadcn.com/docs/components/skeleton
Use to show a placeholder while content is loading.
shadcn uiskeleton
https://www.shadcnui-blocks.com/
Explore a curated collection of customized Shadcn UI blocks and components. Preview, customize, and copy ready-to-use code snippets to streamline your web...
shadcn uicustomizedblockscomponentspreview
https://allshadcn.com/components/flutter-shadcn/
Jun 2, 2025 - Awesome UI components for Flutter, fully customizable.
shadcn uiflutter
https://shadcncolors.com/
Browse themes for your shadcn UI projects with our intuitive theme picker. Explore a wide range of color schemes and styles to make your UI stand out.
shadcn uithemepicker
https://ui.shadcn.com/docs/registry/namespace
Configure and use multiple resource registries with namespace support.
shadcn uinamespaces
https://www.shadcnblocks.com/blocks
Browse and download 979 extra shadcn/ui blocks. Shadcnblocks are a premium collection of blocks built with Shadcn UI, Tailwind & React.
shadcnblocksextraui
https://ui.shadcn.com/docs/installation
How to install dependencies and structure your app.
shadcn uiinstallation
https://ui.shadcn.com/docs/components/select
Displays a list of options for the user to pick from—triggered by a button.
shadcn uiselect
https://astro.build/themes/details/astro-shadcn-ui-template/
This template helps you build apps with Astro, Tailwind CSS, and shadcn/ui.
shadcn uiastrotemplate
https://ui.shadcn.com/docs/components/calendar
A date field component that allows users to enter and edit date.
shadcn uicalendar
https://allshadcn.com/components/category/tooltip/
Enhance your web app’s interactivity with fully customizable, responsive, and accessible Shadcn Tooltips.
shadcn uitooltip
https://allshadcn.com/templates/category/e-commerce/
Best list of Shadcn eCommerce Templates for your upcoming project. Kickstart your eCommerce project with ease using the best Shadcn UI eCommerce templates.
shadcn uiecommercetemplate
https://ui.shadcn.com/docs/components/toggle
A two-state button that can be either on or off.
shadcn uitoggle
https://www.creative-tim.com/twcomponents/component/shadcn-ui-settings-card-component-for-dark-mode-horizon-ai-boilerplate
'Free Shadcn UI Settings Card Component with @shadcn/ui buttons, inputs and card from Horizon AI Boilerplate ( for Dark Mode )'
shadcn uidark modehorizon aisettingscard
https://ui.shadcn.com/docs/installation/tanstack
Install and configure shadcn/ui for TanStack Start.
shadcn uitanstackstart
https://www.creative-tim.com/twcomponents/component/shadcn-ui-push-notification-component-for-dark-mode-horizon-ai-boilerplate
'Free Shadcn UI Push Notifications Component with @shadcn/ui switch from Horizon AI Boilerplate (dark mode)'
shadcn uipush notificationdark modehorizon aicomponent
https://www.creative-tim.com/templates/shadcn-ui?direction=desc&sort=number_of_downloads
Explore the best shadcn/ui templates & dashboards built with Tailwind CSS and React. Perfectly designed by Creative Tim for developers who want modern,...
shadcn uicreative timtemplatesdashboards
https://ui.shadcn.com/docs/components/sheet
Extends the Dialog component to display content that complements the main content of the screen.
shadcn uisheet
https://next.jqueryscript.net/shadcn-ui/
Explore curated shadcn/ui components, templates, blocks, UI component libraries, themes, and tools. Build accessible and beautiful UIs easily for your...
shadcn uibestcomponentstemplatesblocks
https://cosmic.shadcnuikit.com/
Cosmic is a high converting SAAS landing page template built with Next.js 15, TailwindCSS 4, React 19 and shadcn/ui.
shadcn uicosmiclandingsaastemplate
https://ui.shadcn.com/docs/components/avatar
An image element with a fallback for representing the user.
shadcn uiavatar
https://creativedesignsguru.com/nextjs-saas-boilerplate/
Next.js SaaS Boilerplate is a full-stack Starter Kit with pre-build components to build a product. Streamline your development process with customizable...
next jssaas boilerplateshadcn uicreative designsguru
https://ui.shadcn.com/docs/components/form
Building forms with React Hook Form and Zod.
shadcn uiform
https://pro.shadcn.net/
Elegant, Simple, and Powerful NextJS boilerplate with all you need to build your SaaS. Ship your startup rapidly。
shadcn uishipstartuprapidlypro
https://ui.shadcn.com/docs/cli
Use the shadcn CLI to add components to your project.
shadcn ui
https://allshadcn.com/blocks/category/timeline/
Explore Shadcn Timeline Blocks to create visually appealing and interactive timelines for your web projects using Tailwind CSS and Shadcn components.
shadcn uitimeline
https://ui.shadcn.com/docs/components/date-picker
A date picker component with range and presets.
date pickershadcn ui
https://ux.symfony.com/toolkit/kits/shadcn
Component based on the Shadcn UI library, one of the most popular design systems in JavaScript world.
shadcn uiuxtoolkitkitssymfony
https://ui.shadcn.com/docs/monorepo
Using shadcn/ui components and CLI in a monorepo.
shadcn uimonorepo
https://www.shadcnui-blocks.com/templates
Discover a collection of premium Shadcn UI templates designed to make your project shine. With modern designs and smooth functionality, these templates help...
shadcn uibeautifullydesignedtemplates
https://www.creative-tim.com/templates/shadcn-ui?filter=true
Explore the best shadcn/ui templates & dashboards built with Tailwind CSS and React. Perfectly designed by Creative Tim for developers who want modern,...
shadcn uicreative timtemplatesdashboards
https://ui.shadcn.com/docs/theming
Using CSS Variables and color utilities for theming.
shadcn uitheming
https://allshadcn.com/components/magic-ui/
May 27, 2025 - Beautiful UI components and templates to make your landing page look stunning.
magic uishadcn
https://ui.shadcn.com/docs/components/separator
Visually or semantically separates content.
shadcn uiseparator
https://shadcntemplates.com/?utm_source=bestdirectories.org&utm_medium=referral&utm_campaign=navigation
A huge collection of shadcn ui templates and components. Shadcn UI Templates, UI Kits, Blocks, Components, Boilerplates, Admin dashboards and more.
amp componentsshadcntemplatescollectionui
https://ui.shadcn.com/docs/figma
Every component recreated in Figma. With customizable props, typography and icons.
shadcn uifigma
https://ui.shadcn.com/docs/components/menubar
A visually persistent menu common in desktop applications that provides quick access to a consistent set of commands.
shadcn uimenubar
https://ui.shadcn.com/docs/components/slider
An input where the user selects a value from within a given range.
shadcn uislider
https://ui.shadcn.com/docs/components/progress
Displays an indicator showing the completion progress of a task, typically displayed as a progress bar.
shadcn uiprogress
https://www.shadcnblocks.com/
Discover hundreds of extra shadcn/ui blocks and Shadcn UI components. Shadcnblocks is a premium component library built with Shadcn UI, React & Tailwind.
shadcn uiamp componentsblocks
https://next.jqueryscript.net/shadcn-ui/rich-text-editor-mina/
Oct 16, 2025 - Block-based rich text editor built with React, Tailwind CSS, and shadcn/ui. Features tables, images, custom styling, and HTML export.
rich text editorshadcn uiblockbasedtailwindcss
https://ui.shadcn.com/docs/mcp
Use the shadcn MCP server to browse, search, and install components from registries.
mcp servershadcn ui
https://skiper-ui.com/
Discover 73+ premium React components built on shadcn/ui. From scroll effects to interactive animations, enhance your Next.js projects with our unique...
uiuncommoncomponentsshadcn