Everything that pairs well with VibeKit.
Hand-picked from the awesome-shadcn-ui list and our own builds. Registries, blocks, templates, themes, animations, AI primitives, deployment platforms — all curated for production use.
chanhdai blocks
Modern blocks and components by chanhdai — Apple-style hello effects, sliders, hero sections, and more.
shadcn space
A registry of shadcn/ui components and blocks crafted for SaaS and startup websites.
JB Component Registry (Desishub)
JB's curated registry — Better Auth UI, Stripe UI, File Storage UI, Data Table, MDX Blog, DGateway Shop, and more. Battle-tested in client work.
21st.dev
Open source npm for shadcn/ui components. Also: Dribble for design engineers. Install UI components via shadcn CLI, or publish your own.
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.
8bitcn.com
A set of retro-designed, accessible components and a code distribution platform. Open Source. Open Code.
aceternity-ui
Copy paste the most trending react components without having to worry about styling and animations.
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.
animated-header
Vercel-like animated header.
animated-tabs
Vercel-like animated tabs.
assistant-ui
React Components for AI Chat.
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.
autocomplete-select-shadcn-ui
Autocomplete component built with shadcn/ui and Fancy Multi Select by Maximilian Kaske.
auto-form
A React component that automatically creates a shadcn/ui form based on a zod schema.
async-select
Async Select component built with shadcn/ui with debounce search.
berlix
Animated components library built using Tailwind CSS and Motion
big-calendar
A modern, feature-rich calendar application with multiple viewing options built using Next.js, TypeScript, and Tailwind CSS.
billingsdk
Modern, type-safe billing and subscription management components for React, built with TypeScript and Tailwind CSS. Designed to work seamlessly alongside shadcn/ui by Dodo Payments.
billui
Open source billing components for React built with Shadcn. Pricing cards, payment methods, invoice history and more.
blocks.so
A set of clean, modern building blocks to copy and paste into your apps. Works with all React frameworks.
buouui
A UI component library and template suite based on shadcn/ui with stunning landing pages, templates, and rich animations.
bundui
A collection of reusable animated components built with Tailwind CSS and Framer Motion.
calendar
React/shadcn full calendar like Google Calendar
calendar-schedular
A multi-purpose calendar component built on top of date-fn and shadcn-ui
calendar-cn
A beautifully crafted calendar component built with shadcn/ui and Tailwind CSS, inspired by Notion Calendar. Week view, dark mode, and more.
capture-photo
Browser-based React component for camera functionalities in web applications.
carouselcn
Copy-paste carousel components and examples for your react apps
cascader-shadcn
A cascading dropdown menu component for selecting hierarchical data like locations, categories, or organizational structures.
chanhdai-components
A collection of reusable components. Trusted registry for shadcn/ui.
clerk-elements
Composable components for building custom UIs on top of Clerk's APIs.
clerk-shadcn-theme
Synchronize Clerk SignIn/SignUp components with shadcn/ui styles.
commerce-ui
Components, blocks and examples to build e-commerce storefronts and apps.
confirm-dialog
A confirm dialog component built with shadcn/ui.
country-state-dropdown
Component built with Nextjs, Tailwindcss, shadcn/ui & Zustand.
creatorem/ui
Missing awesome shadcn components (like Tour, Stepper, QRCode Motion Dialog -> to imitate native behaviour ...) built on top of radix primitives and motion.
credenza
Ready-made responsive modal component for shadcn/ui.
crypto-charts
Crypto charts made for shadcn/ui using PythNetwork.
cult-ui
Curated set of animated shadcn-style React components.
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.
data-command
Component for building dynamic command palettes with API-powered data.
date-range-picker-for-shadcn
Multi-month views, text entry, preset ranges, responsive design, and date range comparisons.
date-time-picker-shadcn
Datetime Picker for shadNext Project.
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.
datetime-picker
Datetime picker with timezone support, min/max dates, and month/year selection.
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.
dnd-dashboard
Dashboard with drop-to-swap layouts using Next.js, shadcn/ui, and swapy.
downshift-shadcn-combobox
Combobox/autocomplete component built with shadcn/ui and Downshift.
drag-to-resize-sidebar
Extended shadcn/ui sidebar component with persisted state drag-to-resize functionality.
drop-drawer
A dropdown menu on desktop and a drawer on mobile devices.
dy-comps
shacn/ui & Framer Motion React components — flexible, responsive & easy to drop into any project.
eldora-ui
free and open-source animated components built with React, Typescript, Tailwind CSS, and Framer Motion.
emblor
Customizable, accessible tag input component with shadcn/ui.
enhanced-button
Enhanced version of the default shadcn-button component.
envin
Framework-agnostic, type-safe tool to validate and preview your environment variables - powered by your favorite schema validator.
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.
extend-ui
Reusable components built on shadcn/ui for web applications.
fancy-area
Textarea with @mention support inspired by GitHub's PR comment section.
fancy-box
GitHub PR label selector-inspired Combobox with radix-ui components.
fancy-multi-select
Multi Select Component inspired by campsite.design and cal.com.
fancy-switch
Fancy switch component built with shadcn/ui.
file-uploader
File uploader with shadcn/ui and react-dropzone.
file-vault
File upload component for React.
flightcn
flightcn is a flight route visualization component set built for the mapcn ecosystem
floating-dragable-card
Dragable and resizable card using shadcn/ui elements.
fluid-functionalism
Refined shadcn/ui-compatible components with spring physics, proximity hover, and font weight transitions. Every animation serves a functional purpose.
fusion-ui
Library combining shadcn/ui and MagicUI.
glasscn-ui
shadcn/ui component library with glassmorphism variants, and many additional components.
glitchcn-ui
A terminal-styled cyberpunk component library for Next.js with scanline effects, glowing borders, and monospace typography.
gluestack-ui
React & React Native Components with Tailwind CSS.
goey-toast
Morphing toast notifications for React. Organic blob animations, promise tracking, and full customization out of the box
heroicons-animated
An open-source collection of 316 beautifully animated heroicons for your projects.
hexta-ui
Build stunning websites effortlessly. Modern, responsive, and customizable UI components for Next.js. Copy, adapt, and personalize them.
ibelick/background-snippet
Ready to use collection of modern background snippets.
image-crop-field
Image crop field with shadcn/ui. This component is a wrapper around the react-easy-crop component.
image-upload-shadcn
Image upload component.
indie-ui
UI components with variants.
inspira-ui
UI components for animated interfaces in Vue/NuxtJS.
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.
jalco-ui
Polished, composable React components distributed via a shadcn-compatible registry. Install with one command or copy the source directly.
junwen-k/ui-x
Additional beautifully designed components that you can copy and paste into your apps. Accessible. Customizable. Open Source.
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.
kibo-ui
Kibo UI is designed to be a more comprehensive library of components that can be used to build more complex applications.
kokonut-ui
Free Modern and Customizable components for Next.js.
ktui
Open-source collection of customizable UI components for Tailwind CSS and vanilla JavaScript
launch-ui
Landing page components with React, Shadcn/ui and Tailwind.
lingua-time
Smart datetime picker with natural language input.
linked-chart
Chart component linked with data-table.
loading-ui
Curated, copy-friendly spinners, loaders, and loading-state animations for the web—free and open source.
lukacho-ui
Next Generation UI Components.
magicui
React components for landing pages with tailwindcss + framer motion.
maily.to
Notion-like powerful email editor.
manfromexistence-ui
Components to build beautiful designs.
manifest-ui
Components for ChatGPT Apps and MCP Apps.
matsu-theme
Ghibli Studio inspired theme for shadcn/ui made by Matt Wierzbicki
mindmapcn
Beautiful mind maps, works seamlessly with shadcn/ui.
minimal-tiptap
Minimal WYSIWYG editor with shadcn/ui and tiptap.
mixcnui
Collection of animated components for Nextjs.
modal-control-query
A hook to control shadcn modal components using query params
moleculeui
A modern React component library focused on intuitive interactions and seamless user experiences.
multi-selection
Managing multi-selection functionality with highlighter.
mvpblocks
Copy-paste beautiful, responsive components without worrying about styling or animations. Build faster, launch sooner.
mynaui
TailwindCSS and shadcn/ui UI Kit for Figma and React.
neobrutalism-components
Neobrutalism-styled Tailwind React and shadcn/ui components.
nextjs-components
Next.js components with TypeScript and shadcn/ui.
nextjs-dnd
Sortable Drag and Drop with Next.js and dnd-kit.
nextjs-link-pagination
Pagination using Nextjs Links and search params.
nextjs-multi-image-upload
Compact, responsive file uploader with shadcn/ui, React Hook Form, and cloud support (S3/R2).
next-stepper
Dynamic multi-step form with Next.js and zustand.
nexus-ui
Open-source component library of composable, copy-paste primitives for building AI interfaces (chat, voice, agents)
novel
Notion-style WYSIWYG editor with AI-powered autocompletion.
number-flow
React component for number transitions and formatting.
origin-ui
Beautiful UI components with Tailwind CSS and Next.js.
password-input
shadcn/ui custom password input.
payment-gateways
Integration of payment gateways with Next.js 14.
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.
phone-input-shadcn-ui
Custom phone number component with shadcn/ui.
pittaya-ui
A fully open-source UI library for React, powered by TypeScript and Tailwind CSS. Fast, composable, and ready for production.
planner
Adaptable scheduling component for React.
plate
AI-powered rich-text editor.
plate-select-editor
Rich multi-select editor.
pqoqubbw
Open-source animated icons collection.
pricing-page-shadcn
Customizable pricing page with Next.js 14.
progress-button
Extended button component with progress UX.
re-ui
Open-source collection of UI components and animated effects built with React, Typescript, Tailwind CSS, and Motion. Pairs beautifully with shadcn/ui
react-dnd-kit-tailwind-shadcn-ui
Accessible kanban board with dnd-kit.
react-highlight-popover
Headless component for text selection popovers.
react-pdf-flipbook-viewer
PDF flipbook viewer with zoom and fullscreen.
react-select
React-select library with shadcn styling.
react-wheel-picker
iOS-like wheel picker for React with smooth inertia scrolling and infinite loop support.
recursive-dnd-kanban-board
Recursive drag and drop kanban board.
remocn
Build product demos, changelogs, and launch videos in React. Open source and delightfully easy
retro-ui
An open source component library, inspred by neo brutalism design system
roadmap-ui
Components for interactive roadmaps.
ruixen-ui
Ruixen UI: Lightweight & Customizable React Library
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.
search-address
Interactive address search using OpenStreetMap.
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.
shadcn-address-autocomplete
Address autocomplete with Google Places API.
shadcn-admin
Admin Dashboard UI with shadcn/ui and Vite.
shadcn-admin-kit
Powerful open-source shadcn components to build beautiful internal tools, admin panels, and dashboards with React
shadcn-blocks
Official pre-made customizable components.
shadcn-blocks-com
Premium shadcn/ui registry with 1429 blocks, 1189 component variants, 14 templates, Figma kit, themes, and admin dashboard resources.
shadcn-builder
Create beautiful, responsive forms with the easy-to-use form builder and generate React code using shadcn/ui components.
shadcn-cal
Cal.com monthly calendar replica with shadcn/ui.
shadcn-calendar-heatmap
Modern calendar heatmap alternative.
shadcn-calendar-component
Calendar date picker component.
shadcn-chat
Customizable chat component.
shadcn-carousel-testimonials
Carousel Testimonials component.
shadcn-chatbot-kit
Customizable chatbot components.
shadcn-color-picker
Color picker with react-color.
shadcn-cookies
Sleek and flexible cookie consent component, designed with shadcn/ui
shadcn-cookie-consent
Customizable cookie consent component.
shadcn-components-blocks
The ultimate blocks and components for Shadcn UI & Tailwind CSS.
shadcn-country-dropdown
ISO 3166 country selector dropdown.
shadcn-data-table-advanced-col-opions
DataTable with column resizing.
shadcn-date-picker
Advanced date picker with various features.
shadcn-drag-and-drop-sort
Drag-and-drop sortable list of pills of different widths using dnd-kit.
shadcn-drag-table
Drag-and-drop table component.
shadcn-dropzone
File upload component using React-Dropzone, built with accessibility in mind.
shadcn-editor
Lexical editor with shadcn theme.
shadcn-examples
Dozens of advanced shadcn/ui examples. Easily integrate sample applications and components into your project.
shadcn-extends
Collection of shadcn/ui components.
shadcn-extension
Open-source component collection.
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.
shadcn-font-picker
Font picker using shadcn/ui components and google font API.
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.
shadcn-iconpicker
React/shadcn simple icon picker using lucide icons.
shadcn-image-cropper
Image cropper with react-image-crop.
shadcn-io
Advanced Shadcn/UI components.
shadcn-linear-combobox
Linear-style task priority combobox.
shadcn-location-picker
Simple google maps location picker.
shadcn-map
A map component built for shadcn/ui using Leaflet and React Leaflet.
shadcn-multi-select-component
Multi-select component.
shadcn-number-scrubber
Draggable numeric input component.
shadcn-packaged
This is an npm package that exports all shadcn/ui components without the need for a CLI, designed for ease of use.
shadcn-phone-input-2
Phone input with libphonenumber-js.
shadcn-phone-input
Phone input with country validation.
shadcn-portable-text-editor
A headless rich text editor built upon Sanity's Portable Text Editor with opinionated starting styles
shadcn-pricing-page
Responsive pricing component with toggles.
shadcn-space
Open-source shadcn/ui blocks, components, and templates built with React, Tailwind, and Base UI.
shadcn-spinner
Spinner component.
shadcn-stepper
Complete stepper component.
shadcn-studio
Open Source Registry of Shadcn components and blocks.
shadcn-table-maker
Tool for creating dynamic tables.
shadcn-table-v2
Table with server-side features.
shadcn-tanstack-form
Seamless shadcn TanStack Form component set. Fully featured with validation support and type-safety.
shadcn-timeline
Customizable timeline component.
shadcn-tiptap
Custom Tiptap editor extensions.
shadcn-tree-view
Hierarchical data component.
shadcn-ui-blocks
Collection of responsive UI blocks.
shadcn-ui-expansions
Additional useful components.
shadcn-ui-sidebar
Retractable responsive sidebar.
shadcn-ui-templates
Free & Premium templates collection.
shadcnship
Production-ready shadcn/ui component registry for building modern SaaS applications with Next.js, TypeScript, and Tailwind CSS.
shadcn-event-calendar
A beautiful and flexible event calendar component inspired by Google Calendar and Notion, built with Shadcn UI, TailwindCSS, and Framer Motion.
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.
shsfui
Motion-first React components built with Tailwind CSS + Framer Motion.
shuip
Provides ready-to-use, business-focused components that help you ship faster.
siddz-ui
A curated collection of modern, reusable React components. Built with performance and accessibility in mind. Copy, paste, and customize.
simple-ai
Components and blocks to easily build AI apps
simple-image-uploader
Image uploader with dnd, validation and previews
simplekit
Wallet and account component for Wagmi.
skiper-ui
Stand out from others with this crazzy ui library built with shad-cn cli
solanauth
Solana wallet authentication modal.
sortable
Sortable component with dnd-kit.
spectrum-ui
Collection using Aceternity UI Magic UI.
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.
stocks
Stock Picker with Next.js charts.
styleseed
Design engine with 48 shadcn-style components and swappable brand skins.
supabase-shadcn-database-example
supabase + shadcn/ui datatable
supercharged-shadcn-components
Type-safe form components collection.
svelte-image-uploader
Svelte image uploader with dnd, validation and previews.
termcn
Beautiful terminal UIs, made simple. Ready to use, customizable terminal UI components for React.
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.
tanstack-ui-table
Customizable table with @tanstack/table and shadcn/ui
the-gridcn
Tron inspired shadcn/ui theme
time-picker
Simple TimePicker component.
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.
tool-ui
Beautiful, ready-to-use UI components for AI tool calls and MCP UI.
tour
A component for building onboarding tours. Designed to integrate with shadcn/ui.
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.
tremor
Components for charts and dashboards.
twblocks
Website blocks based on shadcn & Radix.
tweet-to-code
Twitter design recreations as code.
ui-beats
Animated React Components collection.
ui-flexnative
A collection of customizable UI blocks with interactive live previews
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.
ui-nference-sh
a shadcn registry of react ui components for building ai-powered applications, chatbots, and ai agent interfaces.
uixmat-onborda
Product tour for Next.js applications.
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.
vaul
Drawer component for React.
vengence-ui
A modern, animated UI component library designed to help developers build beautiful landing pages and interfaces faster.
vyoma-ui
Beautiful Components Made on top of Shadcn/ui with Spatial Wisdom Inside. Truly Beyond UI.
w3-kit
A comprehensive library of accessible React components for building high-quality Web3 applications and dApps
warcraftcn
A set of components inspired by classic Warcraft III RTS UI aesthetics
wds registry
A collection of components that you can use to build your own component library.
zoom-charts
Zoomable Charts with shadcn/ui.
efferd
ready-to-use shadcn blocks that just work — modern, responsive, and built for speed.
more-shadcn
A collection of high-quality, copy-paste components for Svelte 5, built on top of shadcn-svelte.
neobrutalism-vue
A vue-based registry of neobrutalism-styled Tailwind components.
registry.directory
A curated directory to discover, preview, and copy shadcn/ui registries.
tailark
Shadcn blocks for building modern marketing websites
undraw-cn
Beautiful, customizable React components for unDraw illustrations.
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.
designgui
A Chrome Browser Extension for managing colors in CSS Variables.
imprompt
A Chrome extension that enhances prompts on AI websites directly, making your AI prompts more effective and productive.
raycast-shadcn
Raycast extension to Browse shadcn/ui documentation, components, and examples.
shadcn-hsl-preview
shadcn HSL Preview extension for Visual Studio Code.
shadcn-ui
Add components from shadcn/ui directly from VS Code.
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.
vscode-shadcn-svelte
VS Code extension for shadcn/ui components in Svelte projects.
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.
vscode-shadcn-vue
Extension for integrating shadcn/ui components into Vue.js projects.
10000+Themes for shadcn/ui
10000+ Themes for shadcn/ui.
dizzy
Bootstrap a new Next or Vite project with shadcn/ui. Customize font, icons, colors, spacing, radii, and shadows.
ewgenius/ui
Create custom themes for shadcn/ui effortlessly using vibrant palettes from Radix Colors.
gradient-picker
Fancy Gradient Picker built with shadcn/ui, Radix UI, and Tailwind CSS.
navnote/rangeen
Tool that helps you to create a colour palette for your website.
shadesigner.com
A shadcn/ui Palette Generator & Theme Designer with a beautiful interface.
shadcn-ui-customizer
POC - shadcn/ui themes with color pickers.
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.
smui
Nord-inspired terminal theme for shadcn/ui with monospace typography, zero border radius, and frost-blue accents.
tweakcn
powerful theme editor for shadcn/ui components, offering beautifully designed themes and seamless Tailwind CSS V4 integration
zippy starter's shadcn/ui theme generator
Easily create custom themes from a single colour that you can copy and paste into your apps.
animata
Hand-crafted interaction animations and effects from around the internet to copy and paste into your project.
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.
motionvariants
Beautiful Framer Motion Animations.
smooth-ui
Highly customizable, production-ready UI blocks for building beautiful websites and apps that look and feel the way you mean it.
tailwindcss-motion
A new simple syntax animation library. Batteries included. Infinitely configurable.
5devs
A website to get fake Brazilian data for testing purposes.
bento-hub
BentoHub is an application where you can create a bento grid for your GitHub profile readme.
cheatsheet
A comprehensive, interactive reference for shadcn/ui components with live previews, code examples, and instant copy functionality.
cut-it
Link shortener built using Next.js App Router, Server Actions, Drizzle ORM, Turso, and styled with shadcn/ui.
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.
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.
cv-forge
Resume builder built with @shadcn/ui, react-hook-form, and react-pdf.
dialectcn
A living catalog of shadcn presets — brand-inspired, community-submitted, and occasionally random. Pick one, copy the code, ship the UI.
focus-brew
A free productivity toolkit that combines essential tools to help you stay focused, organized, and efficient throughout your workday.
form-builder
UI-based codegen tool to easily create beautiful and type-safe @shadcn/ui forms.
form-builder-fast
Shadcn Form Builder - Build forms in minutes for free.
graphitup
Create free downloadable Shadcn-themed chart images. Supports PNG, JPEG, WEBP, and even WEBM videos. Upload your own data for more realistic designs.
hook-again
A collection of shadcn/ui installable React Hooks.
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.
imgsrc
Generate beautiful Open Graph images with zero effort.
invoify
An invoice generator app built using Next.js, TypeScript, and shadcn/ui.
jobsync
JobSync is a job seekers' assistant to manage job search efficiently.
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.
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.
memoire
MCP server and CLI for shadcn-native Design CI: diagnose UI debt, extract Tailwind tokens, export shadcn registries, and plan safe UI fixes.
opensearch-ai
SearchGPT/Perplexity clone but personalized for you.
open-ui
The Open Standard for Generative UI
pagegen.ai
An AI Page Generator with Claude AI, React, and shadcn/ui. Generate web pages from text, screenshots, and templates with one click.
pastecode
Pastebin alternative built with TypeScript, Next.js, Drizzle, shadcn/ui, and RSC.
pictera
Generate Open Graph images without design skills.
proxmox-helper-scripts
A catalog of scripts for your Proxmox VE homelab, built with the Next.js App Router and styled with shadcn/ui.
quack-db
Open-source in-browser DuckDB SQL editor.
shadcn-easy-install
Install all shadcn components easily. One-click to install all selected components.
shadcn-hooks
A comprehensive React Hooks Collection built with Shadcn.
shadcn-play
A playground for building and previewing shadcn/ui components with a live editor.
shadcn-pricing-page-generator
The easiest way to get a React pricing page with shadcn/ui, Radix UI, and/or Tailwind CSS.
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.
shadcn-zod-form
CLI tool to generate shadcn/ui forms from Zod schemas.
sharable-form-builder
A sharable form builder for creating forms and sharing your form link, based on shadcn/ui and Next.js.
shoogle
A shadcn search engine
slidytabs
A tool that adds a sliding indicator animation to shadcn `<Tabs />` without changing how you use or customize the component
someday
Free to host and open-source Cal.com/Calendly alternative built on Google Apps Script for Gmail users.
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.
tancn
Build powerful forms and tables with ease using TanStack technologies
tinte
An opinionated VS Code Theme Generator.
translate-app
Translate App using TypeScript, Tailwind CSS, NextJS, Bun, shadcn/ui, AI SDK/OpenAI, and Zod.
typelabs
MonkeyType-inspired typing test app built with React, shadcn, and Zustand at its core.
ui-builder
A React component editor that provides a no-code, visual way to create UIs, fully compatible with shadcn/ui and custom components.
ui-fonts
Test and preview fonts in real-time for all your design needs. Choose the perfect typeface with ease.
v0
Vercel's generative UI system, built on shadcn/ui and TailwindCSS, allows effortless UI generation from text prompts and/or images.
vercel-status-tracker
Track the status of all of your projects deployed via Vercel. Built with shadcn/ui and TailwindCSS.
wallhaven-desktop
Wallhaven Wallpaper software desktop. Create a Wallhaven API-based client, a true wallpaper software.
andrewsam.xyz
A revamped version of the popular tailwind-nextjs-starter-blog using shadcn/ui, along with a resume section and experience timeline component.
anishshobithps.com
Personal portfolio of a software developer, grid-styled design.
birobirobiro.dev
A personal developer portfolio.
bucharitesh.in
A minimal portfolio with awesome craft's registry.
chanhdai.com
A minimal portfolio, component registry, and blog.
devfolios
Find best portfolio inspiration from all over the internet
godly
Astronomically good web design inspiration. Only the best of the best.
hritu.art
A clean, modern designer portfolio blending minimal aesthetics with functional UI and built-in email support via React Email.
list.swajp.me
It has never been easier to find the right projects or designs by inspiring successful people.
nathans-ai
An AI Chatbot acting as a portfolio, built with shadcn/ui components.
ifte-13
Portfolio made with Next.js, shadcn/ui (with magic ui ) and Email.js
shubhporwal.me
An eye-catching developer portfolio, built on NextJS, GSAP, Tailwind, and React.
swajp.me
A visually appealing portfolio and resource hub.
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.
anonypost
Share your thoughts and experiences anonymously by posting on the platform. Crafted using t3-stack.
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.
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.
grade-calculator
A grade calculator/dashboard for students, aiming to provide a better overview of academic performance.
infinitunes
A simple music player web app built using Next.js, shadcn/ui, Tailwind CSS, Drizzle ORM, and more.
kd
Ad-free Kdrama streaming app. Built with Next.js, Drizzle ORM, NeonDB, and shadcn/ui.
memergez
Quickly generate memes by entering text or an avatar URL, with support for many meme commands.
multiboard
Minimal Kanban platform. Built with Better-Auth, Next.js, ZenStack, Prisma, and shadcn/ui.
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.
plotwist
Easy management and reviews of your movies, series, and animes using Next.js, Tailwind CSS, Supabase, and shadcn/ui.
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.
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.
xeramail
Temporary email address service built with Next.js and shadcn/ui, offering fast inbox access, modern UI, and better control over disposable emails.
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.
youropinion.is
Free survey platform which supports importing your exisitng shadcn/ui theme
Angular
Angular port of shadcn/ui.
Basecoat
Vanilla HTML, CSS and JS port of shadcn/ui.
Flutter
Flutter port of shadcn/ui.
Franken UI
HTML-first, framework-agnostic, beautifully designed components that you can truly copy and paste into your site. Accessible. Customizable. Open Source.
JollyUI
shadcn/ui compatible react aria components.
Kotlin
Kotlin port of shadcn/ui.
mkdocs-shadcn
MkDocs port of shadcn/ui.
.NET (ShadUI)
Avalonia port of shadcn/ui. Based on SukiUI
Phoenix Liveview
Phoenix Liveview port of shadcn/ui.
React Native
React Native port of shadcn/ui.
React Native (recommended)
React Native port of shadcn/ui (recommended).
Ruby
Ruby port of shadcn/ui.
Solid
Solid port of shadcn/ui.
Svelte
Svelte port of shadcn/ui.
Swift
Swift port of shadcn/ui.
Sysinfocus simple/ui
Razor component library for Blazor, inspired by shadcn/ui.
Vue
Vue port of shadcn/ui.
shadcn-storybook-registry
Registry of stories for the shadcn components. Quickly get the atomic level components documented in Storybook.
obra-shadcn-ui
This file replicates all 51 shadcn/ui v4 components in a composable way as a reusable Figma library.
shadcn-ui-components
Every component recreated in Figma.
shadcn-ui-storybook (JheanAntunes)
All shadcn/ui components registered in the storybook by JheanAntunes.
shadcn-ui-storybook (fellipeutaka)
All shadcn/ui components registered in the storybook by fellipeutaka.
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.
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.
astro-erudite
An opinionated, unstyled static blogging template—built with Astro, Tailwind, and shadcn/ui.
atomic-crm
Open-source React CRM built on top of Supabase.
autoflow
An open source GraphRAG (Knowledge Graph) built on top of TiDB Vector, LlamaIndex, and DSPy.
browser-extension-starter-plasmo-shadcn-trpc
Browser extension starter kit featuring Plasmo, React, Shadcn, and tRPC.
chadnext
Quick Starter Template includes Next.js 14 App Router, shadcn/ui, LuciaAuth, Prisma, Server Actions, Stripe, Internationalization, and more.
cloudflare-saas-stack
An opinionated, batteries-included starter kit for quickly building and deploying SaaS products on Cloudflare.
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.
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.
create-tauri-core
A project template for creating a Tauri app with Vite, React, and Tailwind CSS.
create-tauri-ui
Create modern Tauri desktop apps with shadcn/ui, desktop-first defaults, and optional batteries.
design-system-template
Turborepo + TailwindCSS + Storybook + shadcn/ui.
deska-dashboard-template
A dashboard template built with Nuxt, Tailwind and Shadcn.
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.
easy-ui
50+ High Quality Open Source Website Templates built using NextJS + shadcn/ui + Tailwind CSS + Framer Motion and more.
ecommerce-kit
Next.js starter kit with the tools you need to quickly launch your e-commerce site.
electron-shadcn
Electron app template with shadcn/ui and a bunch of other libs and tools ready to use.
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
full-stack-monorepo-starter
Full stack monorepo template built using shadcn/ui + Fastify + graphql + vitejs + Docker and more.
fumadocs-starter
A fully-fledged Fumadocs starter template with built-in plugins, AI features, and everything you need to build your next docs site.
horizon-ai-nextjs-shadcn-boilerplate
Premium AI NextJS & shadcn/ui Boilerplate + Stripe + Supabase + OAuth.
kirimase
A template and boilerplate for quickly starting your next project with shadcn/ui, Tailwind CSS, and Next.js.
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.
magicui-startup-templates
Magic UI Startup template built using shadcn/ui + TailwindCSS + Framer Motion.
next-shadcn-admin-dashboard
Modern Admin Dashboard Template built with Shadcn UI and Next.js 15
nextMotion
Webdev portfolio template with Nodemailer integrated for easy contact form setup. Uses shadcn/ui + TailwindCSS + Framer Motion.
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.
next-shadcn-dashboard-starter
Admin Dashboard Starter with Nextjs 14 and shadcn/ui.
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.
nextjs-mdx-blog
Starter template built with Contentlayer, MDX, shadcn/ui, and Tailwind CSS.
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.
next-wp
Headless Wordpress Starter built with the NextJS App Router and React Server Components.
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.
openui-shadcn-chat
Full-stack generative UI chatbot template using OpenUI Lang with shadcn/ui component library, SSE streaming, and tool calling.
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.
react-vite-starter
React starter powered with Vite + Redux Toolkit + RTKQuery + React Router + shadcn UI and many more.
shadcn-landing-page
Landing page template using shadcn/ui, React, TypeScript, and Tailwind CSS.
shadcn-landing-page (Vue)
Project conversion shadcn-vue-landing-page to Next.js - Landing page template using Nestjs, shadcn/ui, TypeScript, and Tailwind CSS.
shadcn-nextjs-free-boilerplate
Free & Open-source NextJS Boilerplate + ChatGPT API Dashboard Template.
shadcn-nextjs-dashboard
Admin Dashboard UI built with Shadcn and NextJS. Free and Open-source.
shadcn-portfolio
A portfolio template, which uses shadcn-ui and Next.JS.
shadcn-registry-template
Template repository for building a custom component registry for shadcn/ui.
shadcn-saas-landing
A full-fledged SaaS Landing template built using Next.JS, shadcn/ui, and fumadocs.
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.
shadcn-ui-dashboard
Multipurpose and powerful admin dashboard template compatible with shadcn/ui.
shadcn-vue-landing-page
Landing page template using Vue, shadcn-vue, TypeScript, and Tailwind CSS.
shadcn-admin-template
A admin dashboard template for Next.js, React, Vite and Vue.js, built with Tailwind CSS.
shadcn-next-workflows
Interactive workflow builder using React Flows, Next.js, and Shadcn/ui. Create, connect, and validate custom nodes easily.
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.
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.
t3-app-template
Admin template for T3 Stack and shadcn/ui.
tailwind-admin
Open Source Shadcn Dashboard Template Built On React and Tailwind CSS
taxonomy
An open-source application built using the new router, server components, and everything new in Next.js.
template-next
A clean Next.js template with TypeScript, TailwindCSS, Shadcn/ui, and Prettier.
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.
turborepo-shadcn-ui-tailwindcss
Turborepo starter with shadcn/ui & TailwindCSS pre-configured for shared UI components.
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.
waitly
A simple and useful waitlist Next.js and Shadcn UI template.
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.
Source: github.com/birobirobiro/awesome-shadcn-ui · curated and tagged for VibeKit users. Spotted a missing resource? Open an issue.