Skip to content

birobirobiro/awesome-shadcn-ui

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation


logo of awesome-shadcn/ui repository

awesome-shadcn/ui

A curated list of awesome things related to shadcn/ui

Created by: birobirobiro.dev

Awesome

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-06
aceternity-ui Copy paste the most trending react components without having to worry about styling and animations. Link 2024-12-06
animated-tabs Vercel-like animated tabs. Link 2025-04-06
assistant-ui React Components for AI Chat. Link 2024-09-23
autocomplete-select-shadcn-ui Autocomplete component built with shadcn/ui and Fancy Multi Select by Maximilian Kaske. Link 2024-04-07
auto-form A React component that automatically creates a shadcn/ui form based on a zod schema. Link 2024-04-29
async-select Async Select component built with shadcn/ui with debounce search. Link 2024-07-22
big-calendar A modern, feature-rich calendar application with multiple viewing options built using Next.js, TypeScript, and Tailwind CSS. Link 2025-03-08
buouui A UI component library and template suite based on shadcn/ui with stunning landing pages, templates, and rich animations. Link 2025-04-06
bundui A collection of reusable animated components built with Tailwind CSS and Framer Motion. Link 2024-09-23
calendar React/shadcn full calendar like Google Calendar Link 2024-05-03
capture-photo Browser-based React component for camera functionalities in web applications. Link 2024-05-06
clerk-elements Composable components for building custom UIs on top of Clerk's APIs. Link 2024-06-07
clerk-shadcn-theme Synchronize Clerk SignIn/SignUp components with shadcn/ui styles. Link 2024-06-07
commerce-ui Components, blocks and examples to build e-commerce storefronts and apps. Link 2025-02-20
confirm-dialog A confirm dialog component built with shadcn/ui. Link 2024-07-02
country-state-dropdown Component built with Nextjs, Tailwindcss, shadcn/ui & Zustand. Link 2024-02-22
cult-ui Curated set of animated shadcn-style React components. Link 2024-05-29
credenza Ready-made responsive modal component for shadcn/ui. Link 2024-06-07
crypto-charts Crypto charts made for shadcn/ui using PythNetwork. Link 2024-07-16
date-range-picker-for-shadcn Multi-month views, text entry, preset ranges, responsive design, and date range comparisons. Link 2024-04-29
date-time-picker-shadcn Datetime Picker for shadNext Project. Link 2024-07-16
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-08
datetime-picker Datetime picker with timezone support, min/max dates, and month/year selection. Link 2024-07-16
dnd-dashboard Dashboard with drop-to-swap layouts using Next.js, shadcn/ui, and swapy. Link 2024-10-17
downshift-shadcn-combobox Combobox/autocomplete component built with shadcn/ui and Downshift. Link 2024-06-27
drag-to-resize-sidebar Extended shadcn/ui sidebar component with persisted state drag-to-resize functionality. Link 2024-11-21
druid/ui Intercom inspired AI chatbot and UI components built on shadcn/ui. Link 2024-11-21
dy-comps shacn/ui & Framer Motion React components โ€” flexible, responsive & easy to drop into any project. Link 2025-03-08
echo-editor Modern WYSIWYG rich-text editor based on tiptap and shadcn/ui. Link 2024-06-07
edil-ozi React components with Gsap, framer motion, and tailwind. Link 2024-06-27
emblor Customizable, accessible tag input component with shadcn/ui. Link 2024-04-29
enhanced-button Enhanced version of the default shadcn-button component. Link 2024-04-29
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-04
event-timeline-roadmap A pair of customizable, animated event timeline and roadmap components Link 2025-04-01
extend-ui Reusable components built on shadcn/ui for web applications. Link 2024-11-28
fancy-area Textarea with @mention support inspired by GitHub's PR comment section. Link 2024-06-27
fancy-box GitHub PR label selector-inspired Combobox with radix-ui components. Link 2024-07-11
fancy-multi-select Multi Select Component inspired by campsite.design and cal.com. Link 2024-04-29
fancy-switch Fancy switch component built with shadcn/ui. Link 2024-07-11
farmui Styled and animated component library with npm package support. Link 2024-06-08
file-uploader File uploader with shadcn/ui and react-dropzone. Link 2024-06-07
file-vault File upload component for React. Link 2024-06-07
floating-dragable-card Dragable and resizable card using shadcn/ui elements. Link 2024-11-13
fusion-ui Library combining shadcn/ui and MagicUI. Link 2024-07-02
gluestack-ui React & React Native Components with Tailwind CSS. Link 2024-11-08
ibelick/background-snippet Ready to use collection of modern background snippets. Link 2024-06-09
image-upload-shadcn Image upload component. Link 2024-10-22
indie-ui UI components with variants. Link 2024-06-07
inspira-ui UI components for animated interfaces in Vue/NuxtJS. Link 2024-10-22
junwen-k/ui-x Additional beautifully designed components that you can copy and paste into your apps. Accessible. Customizable. Open Source. Link 2025-02-03
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-04
kokonut-ui Free Modern and Customizable components for Next.js. Link 2024-11-08
launch-ui Landing page components with React, Shadcn/ui and Tailwind. Link 2024-11-12
lingua-time Smart datetime picker with natural language input. Link 2024-10-22
linked-chart Chart component linked with data-table. Link 2025-02-03
lukacho-ui Next Generation UI Components. Link 2024-07-02
manfromexistence-ui Components to build beautiful designs. Link 2024-12-26
magicui React components for landing pages with tailwindcss + framer motion. Link 2024-04-25
maily.to Notion-like powerful email editor. Link 2024-06-15
minimal-tiptap Minimal WYSIWYG editor with shadcn/ui and tiptap. Link 2024-06-22
mixcnui Collection of animated components for Nextjs. Link 2024-07-07
multi-selection Managing multi-selection functionality with highlighter. Link 2025-01-21
mynaui TailwindCSS and shadcn/ui UI Kit for Figma and React. Link 2024-06-22
neobrutalism-components Neobrutalism-styled Tailwind React and shadcn/ui components. Link 2024-04-07
nextjs-components Next.js components with TypeScript and shadcn/ui. Link 2024-06-07
nextjs-dnd Sortable Drag and Drop with Next.js and dnd-kit. Link 2024-04-09
nextjs-link-pagination Pagination using Nextjs Links and search params. Link 2024-07-30
nextjs-multi-image-upload Compact, responsive file uploader with shadcn/ui, React Hook Form, and cloud support (S3/R2). Link 2025-02-23
next-shadcn-dashboard-starter Admin Dashboard Starter with Nextjs 14 and Shadcn UI. Link 2024-06-06
next-stepper Dynamic multi-step form with Next.js and zustand. Link 2024-11-25
novel Notion-style WYSIWYG editor with AI-powered autocompletion. Link 2024-06-11
number-flow React component for number transitions and formatting. Link 2024-10-17
origin-ui Beautiful UI components with Tailwind CSS and Next.js. Link 2024-10-28
password-input shadcn/ui custom password input. Link 2024-03-28
payment-gateways Integration of payment gateways with Next.js 14. Link 2024-08-05
phone-input-shadcn-ui Custom phone number component with shadcn/ui. Link 2024-06-07
planner Adaptable scheduling component for React. Link 2024-04-29
plate AI-powered rich-text editor. Link 2024-03-21
plate-select-editor Rich multi-select editor. Link 2024-11-28
pqoqubbw Open-source animated icons collection. Link 2024-11-21
pricing-page-shadcn Customizable pricing page with Next.js 14. Link 2024-04-07
progress-button Extended button component with progress UX. Link 2024-07-10
react-dnd-kit-tailwind-shadcn-ui Accessible kanban board with dnd-kit. Link 2024-03-27
react-highlight-popover Headless component for text selection popovers. Link 2024-10-03
react-pdf-flipbook-viewer PDF flipbook viewer with zoom and fullscreen. Link 2024-12-26
react-select React-select library with shadcn styling. Link 2024-07-22
recursive-dnd-kanban-board Recursive drag and drop kanban board. Link 2024-10-03
roadmap-ui Components for interactive roadmaps. Link 2024-12-26
search-address Interactive address search using OpenStreetMap. Link 2024-05-07
serp-ui-blocks 1000+ meticulously crafted, theme-ready blocks. Built for Shadcn UI and Tailwind, optimized for NextJS. Link 2025-04-10
shadcn-address-autocomplete Address autocomplete with Google Places API. Link 2024-07-10
shadcn-admin Admin Dashboard UI with shadcn/ui and Vite. Link 2024-12-27
shadcn-blocks Official pre-made customizable components. Link 2024-03-27
shadcn-blocks-com Hundreds of extra blocks built with shadcn/ui. Link 2025-02-23
shadcn-builder Create beautiful, responsive forms with the easy-to-use form builder and generate React code using shadcn/ui components. Link 2025-03-31
shadcn-cal Cal.com monthly calendar replica with shadcn/ui. Link 2024-05-03
shadcn-calendar-heatmap Modern calendar heatmap alternative. Link 2024-07-02
shadcn-calendar-component Calendar date picker component. Link 2024-07-02
shadcn-chat Customizable chat component. Link 2024-04-29
shadcn-carousel-testimonials Carousel Testimonials component. Link 2024-07-16
shadcn-chatbot-kit Customizable chatbot components. Link 2024-12-27
shadcn-color-picker Color picker with react-color. Link 2024-09-23
shadcn-cookies Sleek and flexible cookie consent component, designed with shadcn/ui Link 2025-02-06
shadcn-cookie-consent Customizable cookie consent component. Link 2024-10-17
shadcn-country-dropdown ISO 3166 country selector dropdown. Link 2024-12-27
shadcn-data-table-advanced-col-opions DataTable with column resizing. Link 2024-04-07
shadcn-date-picker Advanced date picker with various features. Link 2024-07-25
shadcn-drag-and-drop-sort Drag-and-drop sortable list of pills of different widths using dnd-kit. Link 2025-02-03
shadcn-drag-table Drag-and-drop table component. Link 2024-02-22
shadcn-dropzone File upload component using React-Dropzone, built with accessibility in mind. Link 2025-01-13
shadcn-editor Lexical editor with shadcn theme. Link 2024-11-08
shadcn-extends Collection of shadcn/ui components. Link 2024-06-07
shadcn-extension Open-source component collection. Link 2024-06-07
shadcn-iconpicker React/shadcn simple icon picker using lucide icons. Link 2025-02-20
shadcn-image-cropper Image cropper with react-image-crop. Link 2024-11-08
shadcn-linear-combobox Linear-style task priority combobox. Link 2024-04-25
shadcn-location-picker Simple google maps location picker. Link 2025-03-04
shadcn-multi-select-component Multi-select component. Link 2024-06-07
shadcn-number-scrubber Draggable numeric input component. Link 2025-01-07
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-27
shadcn-phone-input-2 Phone input with libphonenumber-js. Link 2024-06-07
shadcn-phone-input Phone input with country validation. Link 2024-03-27
shadcn-pricing-page Responsive pricing component with toggles. Link 2024-03-08
shadcn-spinner Spinner component. Link 2024-12-09
shadcn-stepper Complete stepper component. Link 2024-04-25
shadcn-table-maker Tool for creating dynamic tables. Link 2024-12-09
shadcn-table-v2 Table with server-side features. Link 2024-03-27
shadcn-timeline Customizable timeline component. Link 2024-06-22
shadcn-timeline-2 Alternative timeline component. Link 2024-11-08
shadcn-tiptap Custom Tiptap editor extensions. Link 2024-11-08
shadcn-tree-view Hierarchical data component. Link 2024-09-23
shadcn-ui-blocks Collection of responsive UI blocks. Link 2024-06-15
shadcn-ui-expansions Additional useful components. Link 2024-06-07
shadcn-ui-sidebar Retractable responsive sidebar. Link 2024-05-03
shadcn-ui-templates Free & Premium templates collection. Link 2024-09-18
shaduxe-ui Component variants for shadcn/ui. Link 2024-12-27
shsfui Motion-first React components built with Tailwind CSS + Framer Motion. Link 2025-03-12
simple-ai Components and blocks to easily build AI apps Link 2025-01-21
simple-image-uploader Image uploader with dnd, validation and previews Link 2025-03-25
simplekit Wallet and account component for Wagmi. Link 2024-09-18
skiper-ui Stand out from others with this crazzy ui library built with shad-cn cli Link 2025-02-03
solanauth Solana wallet authentication modal. Link 2024-11-25
sortable Sortable component with dnd-kit. Link 2024-04-09
spectrum-ui Collection using Aceternity UI Magic UI. Link 2024-11-25
stocks Stock Picker with Next.js charts. Link 2024-07-07
stunning-ui Interactive Tailwind components for Vue. Link 2024-10-22
supabase-shadcn-database-example supabase + shadcn/ui datatable Link 2024-12-30
supercharged-shadcn-components Type-safe form components collection. Link 2024-11-25
tanstack-ui-table Customizable table with @tanstack/table and shadcn/ui Link 2025-02-27
time-picker Simple TimePicker component. Link 2024-04-29
tremor Components for charts and dashboards. Link 2024-06-15
twblocks Website blocks based on shadcn & Radix. Link 2024-11-25
tweet-to-code Twitter design recreations as code. Link 2024-12-26
ui-beats Animated React Components collection. Link 2024-09-23
uixmat/onborda Product tour for Next.js applications. Link 2024-06-07
vaul Drawer component for React. Link 2024-06-07
zoom-charts Zoomable Charts with shadcn/ui. Link 2024-07-16

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-06-07
designgui A Chrome Browser Extension for managing colors in CSS Variables. Link 2024-09-05
raycast-shadcn Raycast extension to Browse shadcn/ui documentation, components, and examples. Link 2024-06-05
shadcn-hsl-preview shadcn HSL Preview extension for Visual Studio Code. Link 2024-09-05
shadcn-ui Add components from shadcn/ui directly from VS Code. Link 2024-03-08
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-03-28
vscode-shadcn-svelte VS Code extension for shadcn/ui components in Svelte projects. Link 2024-03-28
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-06-05
vscode-shadcn-vue Extension for integrating shadcn/ui components into Vue.js projects. Link 2024-03-28

Colors and Customizations

Name Description Link Date
10000+Themes for shadcn/ui 10000+ Themes for shadcn/ui. Link 2024-02-22
dizzy Bootstrap a new Next or Vite project with shadcn/ui. Customize font, icons, colors, spacing, radii, and shadows. Link 2024-06-05
ewgenius/ui Create custom themes for shadcn/ui effortlessly using vibrant palettes from Radix Colors. Link 2024-10-11
gradient-picker Fancy Gradient Picker built with shadcn/ui, Radix UI, and Tailwind CSS. Link 2024-03-08
navnote/rangeen Tool that helps you to create a colour palette for your website. Link 2024-06-05
shadesigner.com A shadcn/ui Palette Generator & Theme Designer with a beautiful interface. Link 2024-12-26
shadcn-ui-customizer POC - shadcn/ui themes with color pickers. Link 2024-03-08
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-08-19
tweakcn powerful theme editor for shadcn/ui components, offering beautifully designed themes and seamless Tailwind CSS V4 integration Link 2025-03-25
ui-colorgen An application designed to assist you with color configuration of shadcn/ui. Link 2024-02-22
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-03-13

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-08-26
magicui.design Largest collection of open-source react components to build beautiful landing pages. Link 2024-04-25
motionvariants Beautiful Framer Motion Animations. Link 2024-03-08
tailwindcss-motion A new simple syntax animation library. Batteries included. Infinitely configurable. Link 2024-11-13

Tools

Name Description Link Date
5devs A website to get fake Brazilian data for testing purposes. Link 2024-05-31
ai-generator-shadcn-theme AI Shadcn Theme Generator, The AI Shadcn Theme Generator crafts stunning, consistent themes for your shadcn/ui projects in seconds. Link 2024-12-30
bento-hub BentoHub is an application where you can create a bento grid for your GitHub profile readme. Link 2024-09-09
cut-it Link shortener built using Next.js App Router, Server Actions, Drizzle ORM, Turso, and styled with shadcn/ui. Link 2024-06-07
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-09-09
dev-quotes A website that displays quotes from professional programmers. Link 2025-01-07
down-dev-detector This app lists all the services currently down and uses Atlassian Status Page and others (soon). Link 2024-11-04
cv-forge Resume builder built with @shadcn/ui, react-hook-form, and react-pdf. Link 2024-11-04
excelkits Create free downloadable Shadcn-themed chart images. Supports PNG, JPEG, WEBP, and even WEBM videos. Upload your own data for more realistic designs. Link 2024-12-26
form-builder UI-based codegen tool to easily create beautiful and type-safe @shadcn/ui forms. Link 2024-06-07
form-builder-fast Shadcn Form Builder - Build forms in minutes for free. Link 2024-12-26
hook-again A collection of shadcn/ui installable React Hooks. Link 2024-11-04
imgsrc Generate beautiful Open Graph images with zero effort. Link 2024-05-31
invoify An invoice generator app built using Next.js, TypeScript, and shadcn/ui. Link 2024-03-27
jobsync JobSync is a job seekers' assistant to manage job search efficiently. Link 2024-07-17
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-07-22
myinstants The largest instant sound buttons website in Brazil! Link 2024-07-22
opensearch-ai SearchGPT/Perplexity clone but personalized for you. Link 2024-12-26
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-26
pastecode Pastebin alternative built with TypeScript, Next.js, Drizzle, shadcn/ui, and RSC. Link 2024-06-07
postgres The in-browser Postgres sandbox with AI assistance. Link 2024-08-13
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-07-16
quack-db Open-source in-browser DuckDB SQL editor. Link 2024-10-03
qualmeuip Find out your IP address and test your internet speed. Link 2024-10-03
shadcn-form-builder Create forms with Shadcn, react-hook-form, and Zod within minutes. Link 2024-10-03
shadcn-pricing-page-generator The easiest way to get a React pricing page with shadcn/ui, Radix UI, and/or Tailwind CSS. Link 2024-03-08
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-08-19
shadcn-zod-form CLI tool to generate shadcn/ui forms from Zod schemas. Link 2024-10-03
sharable-form-builder A sharable form builder for creating forms and sharing your form link, based on shadcn/ui and Next.js. Link 2024-10-12
someday Free to host and open-source Cal.com/Calendly alternative built on Google Apps Script for Gmail users. Link 2024-12-26
tinte An opinionated VS Code Theme Generator ๐ŸŽจ. Link 2024-10-03
translate-app Translate App using TypeScript, Tailwind CSS, NextJS, Bun, shadcn/ui, AI SDK/OpenAI, and Zod. Link 2024-07-08
typelabs MonkeyType-inspired typing test app built with React, shadcn, and Zustand at its core. Link 2024-07-08
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-10-11
ui-fonts Test and preview fonts in real-time for all your design needs. Choose the perfect typeface with ease. Link 2024-10-23
v0 Vercel's generative UI system, built on shadcn/ui and TailwindCSS, allows effortless UI generation from text prompts and/or images. Link 2024-03-27
vercel-status-tracker Track the status of all of your projects deployed via Vercel. Built with shadcn/ui and TailwindCSS. Link 2025-01-02
wallhaven-desktop Wallhaven Wallpaper software desktop. Create a Wallhaven API-based client, a true wallpaper software. Link 2024-10-23
xuneix A link rotation tool for enhanced admin panel security. Includes dynamic URLs, expiring tokens, customizable rotation. Link 2024-07-08

Websites and Portfolios Inspirations

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-09-18
birobirobiro.dev A personal developer portfolio. Link 2024-07-29
godly Astronomically good web design inspiration. Only the best of the best. Link 2024-07-29
list.swajp.me It has never been easier to find the right projects or designs by inspiring successful people. Link 2024-07-29
Nathan's AI An AI Chatbot acting as a portfolio, built with shadcn/ui components. Link 2024-11-21
shubhporwal.me An eye-catching developer portfolio, built on NextJS, GSAP, Tailwind, and React. Link 2024-10-03
swajp.me A visually appealing portfolio and resource hub. Link 2024-07-29
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-02-20

Platforms

Name Description Link Date
anonypost Share your thoughts and experiences anonymously by posting on the platform. Crafted using t3-stack. Link 2024-07-17
bolhadev The quickest path to learn English is speaking it regularly. Just find someone to chat with. Link 2024-06-04
crept-studio Crept is a free Open Source project, made on top of Next.js, Tailwind CSS, and Shadcn UI. You can use it to deliver free TV shows and movies. Link 2024-12-27
enjoytown A free anime, manga, movie, and TV-shows streaming platform. Built with Next.js, shadcn/ui. Link 2024-06-04
grade-calculator A grade calculator/dashboard for students, aiming to provide a better overview of academic performance. Link 2024-12-27
infinitunes A simple music player web app built using Next.js, shadcn/ui, Tailwind CSS, Drizzle ORM, and more. Link 2024-06-04
kd Ad-free Kdrama streaming app. Built with Next.js, Drizzle ORM, NeonDB, and shadcn/ui. Link 2024-05-31
memergez Quickly generate memes by entering text or an avatar URL, with support for many meme commands. Link 2024-08-26
midday-components A collection of open-source components based on Midday features. Link 2024-11-21
plotwist Easy management and reviews of your movies, series, and animes using Next.js, Tailwind CSS, Supabase, and shadcn/ui. Link 2024-05-31

Ports

Name Description Link Date
Angular Angular port of shadcn/ui. Link 2024-03-21
Flutter Flutter port of shadcn/ui. Link 2024-06-07
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-06-07
JollyUI shadcn/ui compatible react aria components. Link 2024-06-07
Kotlin Kotlin port of shadcn/ui. Link 2024-06-07
Phoenix Liveview Phoenix Liveview port of shadcn/ui. Link 2024-06-07
React Native React Native port of shadcn/ui. Link 2024-06-07
React Native (recommended) React Native port of shadcn/ui (recommended). Link 2024-12-27
Ruby Ruby port of shadcn/ui. Link 2024-06-07
Solid Solid port of shadcn/ui. Link 2024-03-28
Svelte Svelte port of shadcn/ui. Link 2024-02-22
Swift Swift port of shadcn/ui. Link 2024-06-07
Sysinfocus simple/ui Razor component library for Blazor, inspired by shadcn/ui. Link 2024-09-09
Vue Vue port of shadcn/ui. Link 2024-02-22

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-07
shadcn-ui-components Every component recreated in Figma. Link 2024-03-21
shadcn-ui-storybook (JheanAntunes) All shadcn/ui components registered in the storybook by JheanAntunes. Link 2024-12-27
shadcn-ui-storybook (fellipeutaka) All shadcn/ui components registered in the storybook by fellipeutaka. Link 2024-12-27

Boilerplates / Templates

Name Description Link Date
autoflow An open source GraphRAG (Knowledge Graph) built on top of TiDB Vector, LlamaIndex, and DSPy. Demo site. Link 2024-12-06
browser-extension-starter-plasmo-shadcn-trpc Browser extension starter kit featuring Plasmo, React, Shadcn, and tRPC. Link 2024-10-29
chadnext Quick Starter Template includes Next.js 14 App Router, shadcn/ui, LuciaAuth, Prisma, Server Actions, Stripe, Internationalization, and more. Link 2024-04-25
cloudflare-saas-stack An opinionated, batteries-included starter kit for quickly building and deploying SaaS products on Cloudflare. Link 2024-07-24
create-tauri-core A project template for creating a Tauri app with Vite, React, and Tailwind CSS. Link 2024-09-23
design-system-template Turborepo + TailwindCSS + Storybook + shadcn/ui. Link 2024-06-06
easy-ui 50+ High Quality Open Source Website Templates built using NextJS + shadcn/ui + Tailwind CSS + Framer Motion and more. Link 2024-08-06
electron-shadcn Electron app template with shadcn/ui and a bunch of other libs and tools ready to use. Link 2024-06-17
horizon-ai-nextjs-shadcn-boilerplate Premium AI NextJS & shadcn/ui Boilerplate + Stripe + Supabase + OAuth. Link 2024-05-24
kirimase A template and boilerplate for quickly starting your next project with shadcn/ui, Tailwind CSS, and Next.js. Link 2024-06-11
magicui-startup-templates Magic UI Startup template built using shadcn/ui + TailwindCSS + Framer Motion. Link 2024-04-25
nextMotion Webdev portfolio template with Nodemailer integrated for easy contact form setup. Uses shadcn/ui + TailwindCSS + Framer Motion. Link 2024-09-23
next-shadcn-dashboard-starter Admin Dashboard Starter with Next.js 14 and shadcn/ui. Link 2024-06-06
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-09-23
nextjs-mdx-blog Starter template built with Contentlayer, MDX, shadcn/ui, and Tailwind CSS. Link 2024-04-25
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-11-21
next-wp Headless Wordpress Starter built with the NextJS App Router and React Server Components. Link 2024-11-21
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-08-13
opendocs Beautifully designed template that you can use for your projects for free. Accessible. Customizable. Open Source with i18n support. Link 2024-07-29
react-vite-starter React starter powered with Vite + Redux Toolkit + RTKQuery + React Router + shadcn UI and many more. Link 2024-12-02
shadcn-landing-page Landing page template using shadcn/ui, React, TypeScript, and Tailwind CSS. Link 2024-06-06
shadcn-landing-page (Vue) Project conversion shadcn-vue-landing-page to Next.js - Landing page template using Nestjs, shadcn/ui, TypeScript, and Tailwind CSS. Link 2024-12-27
shadcn-nextjs-free-boilerplate Free & Open-source NextJS Boilerplate + ChatGPT API Dashboard Template. Link 2024-05-24
shadcn-registry-template Template repository for building a custom component registry for shadcn/ui. Link 2024-09-05
shadcn-vue-landing-page Landing page template using Vue, shadcn-vue, TypeScript, and Tailwind CSS. Link 2024-06-06
shadcn-next-workflows Interactive workflow builder using React Flows, Next.js, and Shadcn/ui. Create, connect, and validate custom nodes easily. Link 2024-10-29
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-07-02
t3-app-template Admin template for T3 Stack and shadcn/ui. Link 2024-04-25
taxonomy An open-source application built using the new router, server components, and everything new in Next.js. Link 2024-03-21
template-next A clean Next.js template with TypeScript, TailwindCSS, Shadcn/ui, and Prettier. Link 2024-09-24
turborepo-shadcn-ui-tailwindcss Turborepo starter with shadcn/ui & TailwindCSS pre-configured for shared UI components. Link 2024-06-06
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-06-10
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-09-24

Star History

Star History Chart

Contributors

Thanks goes to all these wonderful people: