README.md

June 16, 2026 · View on GitHub

logo of awesome-shadcn-ui repository

Awesome Shadcn UI

A curated list of awesome things related to shadcn/ui

Find the best open-source alternatives to popular software - bestalternative.dev og of bestalternative

Saas

NameDescriptionLink
Next Saas StarterGet started quickly with Next.js, Postgres, Stripe, and shadcn/ui.https://github.com/leerob/next-saas-starter
SaaS BoilerplateSaaS Boilerplate built with Next.js + Tailwind CSS + Shadcn UI + TypeScript. ⚡️ Full-stack React application with Auth, Multi-tenancy, Roles & Permissions, i18n, Landing Page, DB, Logging, Testing.https://github.com/ixartz/SaaS-Boilerplate
Cloudflare SaaS KitAn opinionated, batteries-included starter kit for quickly building and deploying SaaS products on Cloudflare.https://github.com/Dhravya/cloudflare-saas-stack
SaasflyAn easy-to-use and enterprise-grade Next.js boilerplate.https://github.com/saasfly/saasfly
Next Saas Stripe StarterOpen-source SaaS Starter with User Roles & Admin Panel. Built using Next.js 14, Prisma, Neon, Auth.js v5, Resend, React Email, Shadcn/ui, Stripe, Server Actions.https://github.com/mickasmt/next-saas-stripe-starter
Relivator Nextjs TemplateBuild More Efficient, Engaging, and Profitable Online Stores: Relivator Enhances your eCommerce with the Power of shadcn/ui, Next.js 15, React 19, and more.https://github.com/blefnk/relivator-nextjs-template
Nextjs Starter KitThe Ulimate Nextjs Starter Kit. Build your next SAAS product of your dreams. Batteries included.https://github.com/michaelshimeles/nextjs-starter-kit
RapidlaunchBeautiful Next.js SaaS Starterkits, Blocks and guides. Built using Shadcn ui, Next.js 14, DrizzleORM, Resend, and more.https://github.com/alifarooq9/rapidlaunch
Next Supbase Stripe StarterThe highest quality SaaS starter with Next.js, Supabase, Stripe, and shadcn/ui.https://github.com/KolbySisk/next-supabase-stripe-starter
CellaTypeScript template to build local-first SaaS with hono + pg + drizzle + electric-sql + react + shadcn.https://github.com/cellajs/cella
HikariA complete & open source Nextjs.14, Stripe and Supabase SaaS Starter Template using App Router.https://github.com/antoineross/Hikari
FirestartaNext.js SaaS boilerplate with NextAuth, Prisma, Supabase, Shadcn/ui & Lemon Squeezy Subscriptions.https://github.com/uixmat/firestarta
SaasHQSaas CRM/ERP Starter Kit for Nextjs Prisma and Postgres. An excellent resource for buildnig things in Nextjs.https://github.com/saashqdev/saashq
Convex SaaSA production-ready Convex Stack for your next SaaS application with Convex Auth, Stripe, TanStack, Resend, Tailwindcss, and shadcn.https://github.com/get-convex/convex-saas
Next Money Stripe StarterEmpower your next project with the stack of Next.js 14, Prisma, Supabase, Clerk Auth, Resend, React Email, Shadcn/ui, and Stripe.https://github.com/virgoone/next-money

UI Libs

NameDescriptionLink
Loading UIA curated, free, open-source collection of spinners, loaders, and loading-state animations for modern web apps.https://loading-ui.com/
Aceternity UICopy paste the most trending components and use them in your websites without having to worry about styling and animations.https://ui.aceternity.com/
Magic UIUI Library for Design Engineers. Animated components and effects you can copy and paste into your apps.https://github.com/magicuidesign/magicui
Magic UI Pro50+ beautiful sections and templates built with React, Typescript, Tailwind CSS, and Framer Motion.https://pro.magicui.design/?ref=bytefer
Horizon UIThe trendiest & innovative Open Source Admin Template for Chakra UI & React.https://github.com/horizon-ui/horizon-ui-chakra
Assistant UIReact Components for AI Chat 💬 🚀.https://github.com/Yonom/assistant-ui
Cult UIComponents crafted for Design Engineers. Styled using Tailwind CSS, fully compatible with Shadcn, and easy to integrate—just copy and paste.https://github.com/nolly-studio/cult-ui
Eldora UIEldora UI is a collection of re-usable components that you can copy and paste into your web apps.https://github.com/karthikmudunuri/eldoraui
Page UILanding page UI components for React & Next.js, built on top of TailwindCSS.https://github.com/danmindru/page-ui
Tremor RawCopy & paste React components to build modern web applications. Good for building charts.https://github.com/tremorlabs/tremor-raw
Syntax UIGet free access to pre-built, Tailwind CSS-powered components, animations and effects - brought to life using Framer Motion.https://github.com/SyntaxUI/syntaxui
JollyUIshadcn/ui compatible react aria components.https://github.com/jolbol1/jolly-ui
Fusion UIFusion UI library combining Shadcn/UI and MagicUI. Featuring 150+ free and open-source components.https://github.com/nyxb-ui/ui
Farm UIFarmUI is client first and animation rich ui component library built on top of radix and shadcn as well other primitive providers that we would like to cover.https://github.com/kinfe123/farm-ui
Indie UIIndie UI is a free collection of UI components for building web applications. It is built with React and Tailwind CSS.https://github.com/Ali-Hussein-dev/indie-ui
Mixcn UI20+ free and open-source animated components built with React, Typescript, Tailwind CSS, and Framer Motion.https://github.com/taqui-786/mixcnui
Edil OziComponent Library for Developers. Open Source components you can copy and paste to your apps.https://github.com/Edil-ozi/edil-ozi
BunduiA collection of components that you can copy and paste into your applications. Built with Tailwind CSS and Framer Motion.https://github.com/bundui/components
Lukacho UINext Generation UI Components.https://ui.lukacho.com/components
Myna UITailwindCSS and shadcn/ui UI Kit for Figma and React.https://mynaui.com/
shadcn/studioAccelerate your project development with ready-to-use, and fully customizable shadcn ui Components, Blocks, UI Kits, Boilerplates, Templates and Themes with AI Toolshttps://shadcnstudio.com/
ShadcnblocksPremium shadcn/ui blocks, component variants, templates, themes, and admin dashboard patterns for React, Next.js, Astro, and Tailwind CSS.https://www.shadcnblocks.com/
Manifest UIComponent library for ChatGPT Apps and MCP Appshttps://ui.manifest.build
RENBLOXReusable React and Next.js blocks built on shadcn/ui, with a visual page builder.https://renblox.com
21st.dev Agent ElementsOpen-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.https://agent-elements.21st.dev
Trophy UIOpen-source gamification UI components for streaks, achievements, leaderboards, points, and more. Built on shadcn/ui and Tailwind CSS.https://ui.trophy.so

Templates

NameDescriptionLink
autoflowpingcap/autoflow is a Graph RAG based and conversational knowledge base tool built with TiDB Serverless Vector Storage.https://github.com/pingcap/autoflow
Magic UI Mobile TemplateFeatures interactive app previews, smooth animations, and mobile-first design. Includes customizable sections for features, benefits, pricing, and app store integration.https://pro.magicui.design/?ref=bytefer
taxonomyAn open source application built using the new router,server components and everything new in Next.js.https://github.com/shadcn/taxonomy
kirimaseA template and boilerplate for quickly starting your next project with shadcn/ui,Tailwind CSS,and Next.js.https://github.com/nicoalbanese/kirimase
next-shadcn-dashboard-starterAdmin Dashboard Starter with Next.js 14 and shadcn/ui.https://github.com/Kiranism/next-shadcn-dashboard-starter
NextMasterA highly performant e-commerce template using Next.js.https://github.com/ethanniser/NextFaster
shadcn-landing-pageLanding page template using shadcn/ui,React,Typescript and Tailwind CSS.https://github.com/leoMirandaa/shadcn-landing-page
chadnextQuick Starter Template includes Next.js 14 App router,shadcn/ui,LuciaAuth,Prisma,Server Actions,Stripe,Internationalization and more.https://github.com/moinulmoin/chadnext
Landing page boilerplateA versatile landing page boilerplate, ideal for various projects and marketing campaigns.https://github.com/weijunext/landing-page-boilerplate
next-starterA Next.js starter template,packed with features like TypeScript,Tailwind CSS,Next-auth,Eslint,Stripe,testing tools and more. Jumpstart your project with efficiency and style.https://github.com/Skolaczk/next-starter
next-wpHeadless Wordpress Starter built with the NextJS App Router and React Server Componentshttps://github.com/9d8dev/next-wp
nextjs-mdx-blogStarter template built with Contentlayer,MDX,shadcn/ui,and Tailwind CSS.https://github.com/ChangoMan/nextjs-mdx-blog
shadcn-nextjs-free-boilerplateFree & Open-source NextJS Boilerplate + ChatGPT API Dashboard Templatehttps://github.com/horizon-ui/shadcn-nextjs-boilerplate
shadcn-landing-pageNew design 🎉 Nextjs + Shadcn + TypeScript + Tailwind.https://github.com/nobruf/shadcn-landing-page
t3-app-templateThis is the admin template for T3 Stack and shadcn/uihttps://github.com/gaofubin/t3-app-template
easy-ui50+ High Quality Open Source Website Templates built using NextJS + shadcn/ui + Tailwind CSS + Framer Motion and more.https://github.com/DarkInventor/easy-ui
design-system-templateTurborepo + TailwindCSS + Storybook + shadcn/uihttps://github.com/arevalolance/design-system-template
electron-shadcnElectron app template with shadcn/ui and a bunch of other libs and tools ready to use.https://github.com/LuanRoger/electron-shadcn
shadcn-vue-landing-pageLanding page template using Vue,shadcn-vue,TypeScript,Tailwind CSShttps://github.com/leoMirandaa/shadcn-vue-landing-page
onyxFull 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.https://github.com/rmourey26/onyx
opendocsBeautifully designed template that you can use for your projects for free. Accessible. Customizable. Open Source with i18n support.https://github.com/daltonmenezes/opendocs
nextMotionWebdev portfolio template with nodemailer integrated for easy contact form setup. Uses shadcn/ui + tailwindcss + framer-motion.https://github.com/yoyocharlie/nextMotion
turborepo-shadcn-ui-tailwindcssTurborepo starter with shadcn/ui & Tailwind CSS pre-configured for shared ui components.https://github.com/henriqpohl/turborepo-shadcn-ui-tailwindcss
turborepo-launchpadA comprehensive monorepo boilerplate for shadcn projects using Turbo. It features a highly scalable setup ideal for developing complex applications with shared components and utilities.https://github.com/JadRizk/turborepo-launchpad
supa-next-shad-authA fully responsive,fully type safe,secure server actions,user friendly customizable UI with following best practices. Tech used: NextJS + Supabase + TypeScript + Server Actions + Zod + shadcn/ui.https://github.com/Sahil-Sharma-23/supa-next-shad-auth
wordpress-plugin-boilerplateWordPress Plugin Boilerplate utilizing modern web technologies and tools such as React,TypeScript,SASS,Tailwind CSS,Shadcn UI,Vite,Grunt.js,Storybook,HMR and more.https://github.com/prappo/wordpress-plugin-boilerplate
shadcn-registry-templateTemplate repository for building a custom component registry for shadcn/ui.https://github.com/vantezzen/shadcn-registry-template
create-tauri-coreA project template for creating a Tauri app with Vite,React,and Tailwind CSS.https://github.com/mrlightful/create-tauri-core
Shadcn UI TemplatesA collection of Free & Premium templates and resources for shadcn/ui.https://shadcnui-templates.com
horizon-ai-nextjs-shadcn-boilerplatePremium AI NextJS & shadcn/ui Boilerplate + Stripe + Supabase + OAuthhttps://horizon-ui.com/boilerplate-shadcn
template-nextA clean Next.js template with TypeScript,TailwindCSS,Shadcn/ui,and Prettier.https://template-next-official.vercel.app/
React Starter KitA full-stack boilerplate for building modern web applications with Bun, TypeScript, React, tRPC, Drizzle ORM, and Cloudflare Workers.https://github.com/kriasoft/react-starter-kit

Components

NameDescriptionLink
Shadcn UI SidebarA composable, themeable and customizable sidebar component.https://ui.shadcn.com/docs/components/sidebar
NovelNotion-style WYSIWYG editor with AI-powered autocompletion.https://github.com/steven-tey/novel
PlateRich-text editor with shadcn/ui.https://github.com/udecode/plate
VaulA drawer component for React.https://github.com/emilkowalski/vaul
Number FlowA React component to transition, format, and localize numbers.https://github.com/barvian/number-flow
Auto FormAutomatically render forms for your existing data schema.https://github.com/vantezzen/autoform
next-stepperA dynamic multi-step form. Built with: Next.js, shadcn/ui,zustand, framer-motion.https://github.com/ebulku/next-stepper
Form BuilderA dynamic form-building tool that allows users to create, customize, and validate forms seamlessly within web applications.https://github.com/hasanharman/form-builder
Shadcn Table V2shadcn/ui table component with server-side sorting, filtering, and pagination.https://github.com/sadmann7/shadcn-table
Neobrutalism ComponentsCollection of neobrutalism-styled Tailwind components.https://github.com/ekmas/neobrutalism-components
Maily.toPowerful editor for creating beautiful, pre-designed, mobile-ready emails.https://github.com/arikchakma/maily.to
Background SnippetReady to use collection of modern background snippets.https://github.com/ibelick/background-snippets
Shadcn UI SidebarA stunning, functional and responsive retractable sidebar built on top of shadcn/ui.https://github.com/salimi-my/shadcn-ui-sidebar
Shadcn UI ExpansionsMore components built on top of shadcn-ui.https://github.com/hsuanyi-chou/shadcn-ui-expansions
Shadcn UI BlocksA collection of customized Shadcn UI components and blocks that you can copy and paste into your applications.https://github.com/akash3444/shadcn-ui-blocks
StepperizeA library for creating step-by-step workflows in your apps.https://github.com/damianricobelli/stepperize
OnbordaAn onboarding wizard flow / product tour for Next.js animated by framer motionhttps://github.com/uixmat/onborda
File UploaderFile uploader built with shadcn/ui and react-dropzone.https://github.com/sadmann7/file-uploader
Fancy AreaThe Textarea is inspired by GitHub's PR comment section. The impressive part is the @mention support including hover cards in the preview.https://craft.mxkaske.dev/post/fancy-area
Fancy BoxThe Combobox is inspired by GitHub's PR label selector and is powered by shadcn/ui. Almost all elements are radix-ui components, styled with tailwindcss.https://craft.mxkaske.dev/post/fancy-box
Fancy Multi SelectThe Multi Select Component is inspired by campsite.design's and cal.com's settings forms.https://craft.mxkaske.dev/post/fancy-multi-select
Shadcn ExtensionAn open source component collection , that extends your ui library , built using shadcn componenthttps://github.com/BelkacemYerfa/shadcn-extension
EmblorA fully-featured tag input component built with shadcn/ui.https://github.com/JaleelB/emblor
Date Range PickerDateRangePicker includes preset date ranges, text entry, calendar selection and date comparison.https://github.com/johnpolacek/date-range-picker-for-shadcn
Time PickerA simple TimePicker for your shadcn/ui project.https://github.com/openstatusHQ/time-picker
Shadcn Minimal TiptapMinimal Tiptap Editorhttps://github.com/Aslam97/shadcn-minimal-tiptap
Shadcn Multi Select ComponentA multi-select component designed with shadcn/uihttps://github.com/sersavan/shadcn-multi-select-component
CredenzaReady-made responsive modal component for shadcn/ui.https://github.com/redpangilinan/credenza
Shadcn Phone InputCustomizable phone input component with proper validation for any country. Built on top of shadcn.https://github.com/omeralpi/shadcn-phone-input
Dnd-Kit Shadcn UIDrag and drop Accessible kanban board implementing using React, @dnd-kit, tailwind and shadcn/ui.https://github.com/Georgegriff/react-dnd-kit-tailwind-shadcn-ui
dialog-stackComposable stacked dialogs for shadcn/ui.https://github.com/haydenbleasel/dialog-stack
Enhanced ButtonAn enhanced version of the default shadcn-button component.https://github.com/jakobhoeg/enhanced-button
SortableA sortable component built with shadcn/ui, radix ui, and dnd-kit.https://github.com/sadmann7/sortable
Zoom ChartsZoomable Charts on top of shadcn/ui Charts.https://github.com/shelwinsunga/zoom-chart-demo
File VaultFile upload component for React.https://github.com/ManishBisht777/file-vault
Shadcn Cal ComA copy of the monthly calendar used by Cal.com with shadcn/ui, Radix Colors and React Aria.https://github.com/damianricobelli/shadcn-cal-com
StocksStock Picker using Next.js, React Server Components, and shadcn/ui charts.https://github.com/aryanvichare/stocks
Shadcn Image CropperImage cropper built with shadcn/ui and react-image-crophttps://github.com/sujjeee/shadcn-image-cropper
PlannerPlanner is a highly adaptable scheduling component tailored for React applications.https://github.com/UretzkyZvi/planner
Echo EditorA modern WYSIWYG rich-text editor base on tiptap and shadcn-ui.https://github.com/Seedsa/echo-editor
Shadcn Address AutocompleteAn address autocomplete component built with Google Places API and shadcn components.https://github.com/NiazMorshed2007/shadcn-address-autocomplete
Shadcn TiptapCollection of custom extensions and toolbars for Tiptap editor.https://github.com/NiazMorshed2007/shadcn-tiptap
Shadcn Linear ComboboxA copy of the combobox that Linear uses to set the priority of a task.https://github.com/damianricobelli/shadcn-linear-combobox
Country State DropdownThis Component is built with Nextjs, Tailwindcss, Shadcn-ui & Zustand for state management.https://github.com/Jayprecode/country-state-dropdown
Pricing Page ShadcnPricing Page template made with Shadcn UI & Next.js 14. Completely customizablehttps://github.com/m4nute/pricing-page-shadcn
Lingua TimeA smart datetime picker which understands natural language input.https://github.com/nainglinnkhant/lingua-time
Nextjs DndSortable Drag and Drop with Next.js, Shadcn UI, and DnD-Kit.https://github.com/sujjeee/nextjs-dnd
Shadcn Calendar ComponentA calendar date picker component designed with shadcn/ui.https://github.com/sersavan/shadcn-calendar-component
Search AddressThe SearchAddress component provides a flexible and interactive search interface for addresses, utilizing the powerful Nominatim service from OpenStreetMap.https://github.com/UretzkyZvi/search-address
Capture PhotoCapture-Photo is a versatile, browser-based React component designed to streamline the integration of camera functionalities directly into your web applications.https://github.com/UretzkyZvi/capture-photo
React Fancy SwitchReact Fancy Switchhttps://github.com/Aslam97/react-fancy-switch
Shadcn Datetime PickerBeautifully crafted datetime picker component using shadcn uihttps://github.com/Maliksidk19/shadcn-datetime-picker
Crypto ChartsA demo show casing shacn/ui charts with free historical crypto data from pyth.https://github.com/jstnw10/crypto-charts
Shadcn Calendar HeatmapModern alternative to primitive react heatmaps built on top of shadcn/ui calendar component.https://github.com/gurbaaz27/shadcn-calendar-heatmap
Shadcn Cookie ConsentBeautifully designed, customizable cookie consent for web built on top of shadcn-ui and tailwind-css!https://github.com/r2hu1/shadcn-cookie-consent
Dnd DashboardA beautiful, performant dashboard with drop-to-swap layouts built using Next.js, shadcn/ui, and swapy.https://github.com/olliethedev/dnd-dashboard
React Confirm DialogReact Confirm Dialoghttps://github.com/Aslam97/react-confirm-dialog
Shadcn TimelineCustomizable and re-usable timeline component for you to use in your projects. Built on top of shadcn.https://github.com/timDeHof/shadcn-timeline
Image Upload ShadcnImage upload componenthttps://github.com/kushagrasarathe/image-upload-shadcn
Phone Input Shadcn UICustom phone number component built with shadcn/ui.https://www.armand-salle.fr/post/phone-input-shadcn-ui
Shadcn Drag TableA drag-and-drop table component using shadcn-ui and next.jshttps://github.com/zenoncao/shadcn-drag-table
Progress ButtonAbout An extension of shadcn/ui button component that uses a state machine to drive a progress UX.https://github.com/tomredman/ProgressButton
Shadcn Tree ViewA component for hierarchical lists of data with nested levels that can be expanded and collapsed.https://github.com/mrlightful/shadcn-tree-view
Shadcn Data Table Advanced Col OpionsColumn-resizing option to shadcn/ui DataTable.https://github.com/danielagg/shadcn-data-table-resize-columns
Downshift Shadcn ComboboxCombobox/autocomplete component built with shadcn/ui and Downshift.https://github.com/TheOmer77/downshift-shadcn-combobox
Shadcn Carousel Testimonialsshadcn UI Carousel Testimonialshttps://github.com/johanguse/shadcn-carousel-testimonials
Shadcn Date PickerAdvanced date picker with range selection, year and month selection, and more.https://github.com/flixlix/shadcn-date-picker
Nextjs Link PaginationUse shadcn pagination components to navigate and update URL paramshttps://github.com/bryaneaton13/shadcn-next-link-pagination
Shadcn SpinnerThe shadcn-spinner is a lightweight and customizable loading spinner component, designed to be easily integrated into projects based on shadcn.https://github.com/allipiopereira/shadcn-spinner
Recursive Dnd Kanban BoardRecursively-generated drag and drop Accessible kanban board implementing using Next.js, @dnd-kit, Tailwind CSS and shadcn/uihttps://github.com/mehrdadrafiee/recursive-dnd-kanban-board
Clerk ElementsComposable components that can be used to build custom UIs on top of Clerk's APIs.https://clerk.com/docs/customization/elements/examples/shadcn-ui
SimplekitResponsive connect wallet and account component built on top of Wagmi and shadcn/ui.https://github.com/vaunblu/SimpleKit

Colors And Customizations

NameDescriptionLink
Gradient PickerFancy Gradient Picker built with shadcn/ui, Radix UI and Tailwind CSS.https://github.com/Illyism/gradient-picker
UI ColorgenAn application designed to assist you with color configuration of shadcn/ui.https://github.com/mickasmt/ui-colorgen
Shadcn UI CustomizerPOC - shadcn/ui themes with color pickershttps://github.com/Railly/shadcn-ui-customizer
Clerk Shadcn ThemeEasily synchronize your Clerk components with your shadcn/ui styles.https://github.com/stormynight9/clerk-shadcn-theme
Navnote/rangeenTool that helps you to create a colour palette for your website.https://github.com/navnote/rangeen
Shadcn Theme EditorShadcn Theme Editor is a user-friendly component designed to simplify the process of managing and customizing theme colors in Shadcn-based projects.https://github.com/programming-with-ia/shadcn-theme-editor/
10000+Themes for Shadcn UI10000+ Themes for shadcn/ui.https://ui.jln.dev/
DizzyCustomize font, icons, colors, spacing, radii, and shadows.https://dizzy.systems/
Ewgenius/uiCreate custom themes for shadcn/ui effortlessly using vibrant palettes from Radix Colors.https://ui.ewgenius.me/shadcn-radix-colors
Zippy Shadcn UI Theme Generator.Easily create custom themes from a single colour that you can copy and paste into your apps.https://zippystarter.com/tools/shadcn-ui-theme-generator

Tools

NameDescriptionLink
Fluid TailwindBuild better responsive designs in less code.https://github.com/barvian/fluid-tailwind
Opensearch AISearchGPT / Perplexity clone,but personalised for you.https://github.com/supermemoryai/opensearch-ai
Shadcn ChatCLI for adding customizable and re-usable chat components to your applications.https://github.com/jakobhoeg/shadcn-chat
MemfreeOpen Source Hybrid AI Search Engine,Instantly Get Accurate Answers from the Internet,Bookmarks,Notes,and Docs. Support One-Click Deployment. It built using Next.js,Typescript,and shadcn/ui.https://github.com/memfreeme/memfree
Shadcn Form BuilderCreate forms with Shadcn,react-hooks-form and zod within minuteshttps://github.com/hasanharman/form-builder
InvoifyAn invoice generator app built using Next.js,Typescript,and shadcn/uihttps://github.com/aliabb01/invoify
Form BuilderUI based codegen tool to easily create Beautiful and Type safe @shadcn/ui forms.https://github.com/AlandSleman/FormBuilder
TinteAn opinionated theme generator 🎨 (VS Code, shadcn/ui)https://github.com/Railly/tinte
UI BuilderA React component editor that provides a no-code,visual way to create UIs,fully compatible with shadcn/ui and custom components.https://github.com/olliethedev/ui-builder
Cut ItLink shortener built using Next.js App Router,Server Actions,Drizzle ORM,Turso and styled with shadcn/ui.https://github.com/mehrabmp/cut-it
Quack DBOpen-source in-browser DuckDB SQL editorhttps://github.com/mattf96s/QuackDB
Bento HubBentoHub is a application where you can create a bento grid for your GitHub profile readme.https://github.com/amittam104/BentoHub
Translate AppTranslate App using TypeScript,Tailwind CSS,NextJS,Bun,shadcn/ui,AI-SDK/OpenAI,Zodhttps://github.com/developaul/translate-app
PastecodePastebin alternative built with Typescript,Next.js,Drizzle,shadcn/ui,RSChttps://github.com/Quorin/PasteCode.app
TypelabsMonkeyType inspired typing test app built with React,shadcn,and Zustand at it's core.https://github.com/imsandeshpandey/typelabs
JobsyncJobSync is a job seekers' assistant to manage job search efficiently.https://github.com/Gsync/jobsync
Proxmox Helper ScriptsA catalog of scripts for your Proxmox VE homelab,built with the Next.js App Router and styled with shadcn/ui.https://github.com/BramSuurdje/proxmox-helper-scripts
Shadcn Zod FormCLI tool to generate shadcn/ui forms from zod schemas.https://github.com/ilyichv/shadcn-zod-form
Wallhaven DesktopWallhaven Wallpaper software desktop. Create a wallhaven api based client,a true wallpaper software. use Farm,Tauri,React19,shadcn/ui.https://github.com/ErKeLost/wallhaven-desktop
Awesome Docs GalleryA crowdsourced, open-source gallery for high-quality dev docs.https://github.com/Hashnode/awesome-docs-gallery
Sharable Form BuilderA sharable form builder for creating forms and sharing your form link,based on shadcn/ui and Next.js.https://github.com/ayoubben18/sharable-form-builder
Down Dev DetectorThis app lists all the services currently down and uses service Atlassian Status Page and others (soon).https://github.com/birobirobiro/downdevdetector
XuneixA link rotation tool for enhanced admin panel security. It includes dynamic URLs,expiring tokens,customizable rotation. Easily setup with shadcn/ui. Integrates with Vercel KV.https://github.com/theteleporter/xuneix
5devsA website to get fake brazilian data for testing purposes.https://www.5devs.com.br/
CV ForgeResume builder,build with @shadcn/ui,react-hook-form and react-pdfhttps://cvforge.app
ImgsrcGenerate beautiful Open Graph images with zero effort.https://imgsrc.io/
Shadcn Pricing Page GeneratorThe easiest way to get a React pricing page with shadcn/ui,Radix UI and/or Tailwind CSS.https://shipixen.com/shadcn-pricing-page
V0Vercel's generative UI system,built on shadcn/ui and TailwindCSS,allows effortless UI generation from text prompts and/or images. It produces React and HTML code,integration is also possible via v0 CLI command.https://v0.dev/

Extensions

NameDescriptionLink
Shadcn UIAdd components from shadcn/ui directly from VS Code.https://marketplace.visualstudio.com/items?itemName=SuhelMakkad.shadcn-ui
Vscode Shadcn SvelteVS Code extension for shadcn/ui components in Svelte projects.https://marketplace.visualstudio.com/items?itemName=Selemondev.vscode-shadcn-svelte&ssr=false#overview
Vscode Shadcn UI SnippetsEasily import and use shadcn-ui components with ease using snippets within VSCode. Just type cn or shadcn in you jsx/tsx file and you will get a list of all the components to choose from.https://marketplace.visualstudio.com/items?itemName=VeroXyle.shadcn-ui-snippets
Shadcn Color PreviewShadcn HSL Preview extension for Visual Studio Code.https://marketplace.visualstudio.com/items?itemName=dexxiez.shadcn-color-preview
Raycast ShadcnRaycast extension to Browse shadcn/ui documentation, components and examples.https://www.raycast.com/luisFilipePT/shadcn-ui
Designg UIA Chrome Browser Extension for managing colors in CSS Variables.https://www.designgui.io/
Chat With YoutubeA chrome extension is designed to give you the ability to efficiently summarize videos, easily search for specific parts, and enjoy additional useful features.https://github.com/PaoloJN/youtube-ai-extension
Shadcn UI Components ManagerA 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.https://plugins.jetbrains.com/plugin/23479-shadcn-ui-components-manager

Ports

NameDescriptionLink
SvelteSvelte port of shadcn/uihttps://github.com/huntabyte/shadcn-svelte
VueVue port of shadcn/uihttps://github.com/radix-vue/shadcn-vue
React NativeUniversal shadcn/ui for React Native featuring a focused collection of components.https://github.com/mrzachnugent/react-native-reusables
AngularAngular port of shadcn/uihttps://github.com/goetzrobin/spartan
FlutterFlutter port of shadcn/uihttps://github.com/nank1ro/shadcn-ui
Nativecn UIBeautiful and customizable React Native components.https://github.com/Mobilecn-UI/nativecn-ui
Shadcn UI on RailsRuby port of shadcn/uihttps://github.com/aviflombaum/shadcn-rails
SaladUIPhoenix Liveview port of shadcn/uihttps://github.com/bluzky/salad_ui
Shadcn SolidSolid port of shadcn/uihttps://github.com/hngngn/shadcn-solid
SwiftSwift port of shadcn/uihttps://github.com/Mobilecn-UI/swiftcn-ui
Shadcn KotlinKotlin port of shadcn/uihttps://github.com/dead8309/shadcn-kotlin
Franken UIHTML-first,framework-agnostic,beautifully designed components that you can truly copy and paste into your site. Accessible. Customizable. Open Source.https://www.franken-ui.dev/

Animations

NameDescriptionLink
AnimataBring your site to life with easy to use animation & interaction code. Copy. Paste. Animate.https://github.com/codse/animata
MotionvariantsA collection of handmade Framer Motion variants made for your next project.https://github.com/chrisabdo/motionvariants

Design System

NameDescriptionLink
Craft Design SystemDesign system for building websites FAST! Uses Next.js, Tailwind, React, Typescript, and shadcn/ui.https://github.com/brijr/craft
Storybook Shadcn UIEvery component recreated in Figma.https://github.com/JheanAntunes/storybook-shadcn
Fellipeutaka/uiAll shadcn/ui components registered in the storybook by JheanAntuneshttps://github.com/fellipeutaka/ui

Platforms

NameDescriptionLink
PlotwistOpen-source easy management and reviews of your movies, series and animes.https://github.com/plotwist-app/plotwist
InfinitunesA Simple Music Player Web App built using Next.js,shadcn/ui,Tailwind CSS,DrizzleORM and more...https://github.com/rajput-hemant/infinitunes
BolhadevThe quickest path to learn English is speaking it regularly. Just find someone to chat with.https://github.com/brunocroh/bolhadev.chat
EnjoytownA free anime,manga,movie,tv-shows streaming platform. Built with Nextjs,shadcn/uihttps://github.com/avalynndev/enjoytown
KdAd-free Kdrama streaming app. Built with Nextjs,Drizzle ORM,NeonDB and shadcn/uihttps://github.com/gneiru/kd
anonypostShare your thoughts and experiences anonymously by posting on the platform. Crafted using t3-stackhttps://github.com/avalynndev/anonypost
MemergezQuickly generate memes by entering text or an avatar URL,with support for many meme commands.https://github.com/avalynndev/memergez
Grade CalculatorA grade calculator/dashboard for students,aiming to provide a better overview on the academic performance.https://github.com/noahstreller/grade-calculator
Crept StudioCrept 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.https://github.com/theteleporter/crept-main

Portfolios

NameDescriptionLink
shubhporwal.meAn eye-catching developer Portfolio,built on NextJS,GSAP,Tailwind and React.https://github.com/shubh73/devfolio
andrewsam.xyzA revamped version of the popular tailwind-nextjs-starter-blog using shadcn/ui,along with a resume section and experience timeline component.https://github.com/andrew-sameh/andrewsam.xyz

Others

NameDescriptionLink
Payment Gateways DemoThis project demonstrates the integration of multiple payment gateways, including Stripe, Razorpay, PayPal and Coinbase using Next.js 14. It showcases how to implement these popular payment solutions in a web application.https://github.com/PremPrakashCodes/payment-gateways
Shadcn AdminAdmin Dashboard UI built with Shadcn and Vite.https://github.com/satnaing/shadcn-admin

Contributing

Discover something fantastic, like a package, article, blog, video, or any other valuable resource? Feel free to contribute by sending a pull request! Your participation is highly appreciated. Thank you! ❤️

Contributors

Thanks goes to all these wonderful people: