Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/bytefer/awesome-shadcn-ui

A curated list of awesome things related to shadcn/ui.
https://github.com/bytefer/awesome-shadcn-ui

List: awesome-shadcn-ui

awesome awesome-list open-source shadcn-ui ui-components

Last synced: about 2 months ago
JSON representation

A curated list of awesome things related to shadcn/ui.

Awesome Lists containing this project

README 

        


    logo of awesome-shadcn-ui repository

  


  


Awesome Shadcn UI


   A curated list of awesome things related to shadcn/ui

  








og of awesome-shadcn-ui






## Saas

- [Next Saas Starter](https://github.com/leerob/next-saas-starter) - Get started quickly with Next.js, Postgres, Stripe, and shadcn/ui.

- [SaaS Boilerplate](https://github.com/ixartz/SaaS-Boilerplate) - SaaS 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.

- [Cloudflare SaaS Kit](https://github.com/Dhravya/cloudflare-saas-stack) - An opinionated, batteries-included starter kit for quickly building and deploying SaaS products on Cloudflare.

- [Saasfly](https://github.com/saasfly/saasfly) - An easy-to-use and enterprise-grade Next.js boilerplate.

- [Next Saas Stripe Starter](https://github.com/mickasmt/next-saas-stripe-starter) - Open-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.

- [Relivator Nextjs Template](https://github.com/blefnk/relivator-nextjs-template) - Build More Efficient, Engaging, and Profitable Online Stores: Relivator Enhances your eCommerce with the Power of shadcn/ui, Next.js 15, React 19, and more.

- [Nextjs Starter Kit](https://github.com/michaelshimeles/nextjs-starter-kit) - The Ulimate Nextjs Starter Kit. Build your next SAAS product of your dreams. Batteries included.

- [Rapidlaunch](https://github.com/alifarooq9/rapidlaunch) - Beautiful Next.js SaaS Starterkits, Blocks and guides. Built using Shadcn ui, Next.js 14, DrizzleORM, Resend, and more.

- [Next Supbase Stripe Starter](https://github.com/KolbySisk/next-supabase-stripe-starter) - The highest quality SaaS starter with Next.js, Supabase, Stripe, and shadcn/ui.

- [Cella](https://github.com/cellajs/cella) - TypeScript template to build local-first SaaS with hono + pg + drizzle + electric-sql + react + shadcn.

- [Hikari](https://github.com/antoineross/Hikari) - A complete & open source Nextjs.14, Stripe and Supabase SaaS Starter Template using App Router.

- [Firestarta](https://github.com/uixmat/firestarta) - Next.js SaaS boilerplate with NextAuth, Prisma, Supabase, Shadcn/ui & Lemon Squeezy Subscriptions.

- [SaasHQ](https://github.com/saashqdev/saashq) - Saas CRM/ERP Starter Kit for Nextjs Prisma and Postgres. An excellent resource for buildnig things in Nextjs.

- [Convex SaaS](https://github.com/get-convex/convex-saas) - A production-ready Convex Stack for your next SaaS application with Convex Auth, Stripe, TanStack, Resend, Tailwindcss, and shadcn.

- [Next Money Stripe Starter](https://github.com/virgoone/next-money) - Empower your next project with the stack of Next.js 14, Prisma, Supabase, Clerk Auth, Resend, React Email, Shadcn/ui, and Stripe.



## UI Libs

- [Aceternity UI](https://ui.aceternity.com/) - Copy paste the most trending components and use them in your websites without having to worry about styling and animations.

- [Magic UI](https://github.com/magicuidesign/magicui) - UI Library for Design Engineers. Animated components and effects you can copy and paste into your apps.

- [Horizon UI](https://github.com/horizon-ui/horizon-ui-chakra) -  The trendiest & innovative Open Source Admin Template for Chakra UI & React.

- [Assistant UI](https://github.com/Yonom/assistant-ui) - React Components for AI Chat 💬 🚀.

- [Cult UI](https://github.com/nolly-studio/cult-ui) - Components crafted for Design Engineers. Styled using Tailwind CSS, fully compatible with Shadcn, and easy to integrate—just copy and paste.

- [Eldora UI](https://github.com/karthikmudunuri/eldoraui) - Eldora UI is a collection of re-usable components that you can copy and paste into your web apps.

- [Page UI](https://github.com/danmindru/page-ui) - Landing page UI components for React & Next.js, built on top of TailwindCSS.

- [Tremor Raw](https://github.com/tremorlabs/tremor-raw) - Copy & paste React components to build modern web applications. Good for building charts.

- [Syntax UI](https://github.com/SyntaxUI/syntaxui) - Get free access to pre-built, Tailwind CSS-powered components, animations and effects - brought to life using Framer Motion.

- [JollyUI](https://github.com/jolbol1/jolly-ui) - shadcn/ui compatible react aria components.

- [Fusion UI](https://github.com/nyxb-ui/ui) - Fusion UI library combining Shadcn/UI and MagicUI. Featuring 150+ free and open-source components.

- [Farm UI](https://github.com/kinfe123/farm-ui) - FarmUI 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.

- [Indie UI](https://github.com/Ali-Hussein-dev/indie-ui) - Indie UI is a free collection of UI components for building web applications. It is built with React and Tailwind CSS.

- [Mixcn UI](https://github.com/taqui-786/mixcnui) - 20+ free and open-source animated components built with React, Typescript, Tailwind CSS, and Framer Motion.

- [Edil Ozi](https://github.com/Edil-ozi/edil-ozi) - Component Library for Developers. Open Source components you can copy and paste to your apps.

- [Bundui](https://github.com/bundui/components) - A collection of components that you can copy and paste into your applications. Built with Tailwind CSS and Framer Motion.

- [Lukacho UI](https://ui.lukacho.com/components) - Next Generation UI Components.

- [Myna UI](https://mynaui.com/) - TailwindCSS and shadcn/ui UI Kit for Figma and React.



## Templates

- [taxonomy](https://github.com/shadcn/taxonomy) - An open source application built using the new router,server components and everything new in Next.js.

- [kirimase](https://github.com/nicoalbanese/kirimase) - A template and boilerplate for quickly starting your next project with shadcn/ui,Tailwind CSS,and Next.js.

- [next-shadcn-dashboard-starter](https://github.com/Kiranism/next-shadcn-dashboard-starter) - Admin Dashboard Starter with Next.js 14 and shadcn/ui.

- [NextMaster](A highly performant e-commerce template using Next.js.)

- [shadcn-landing-page](https://github.com/leoMirandaa/shadcn-landing-page) - Landing page template using shadcn/ui,React,Typescript and Tailwind CSS.

- [chadnext](https://github.com/moinulmoin/chadnext) - Quick Starter Template includes Next.js 14 App router,shadcn/ui,LuciaAuth,Prisma,Server Actions,Stripe,Internationalization and more.

- [Landing page boilerplate](https://github.com/weijunext/landing-page-boilerplate) - A versatile landing page boilerplate, ideal for various projects and marketing campaigns.

- [next-starter](https://github.com/Skolaczk/next-starter) - A 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.

- [next-wp](https://github.com/9d8dev/next-wp) - Headless Wordpress Starter built with the NextJS App Router and React Server Components

- [nextjs-mdx-blog](https://github.com/ChangoMan/nextjs-mdx-blog) - Starter template built with Contentlayer,MDX,shadcn/ui,and Tailwind CSS.

- [shadcn-nextjs-free-boilerplate](https://github.com/horizon-ui/shadcn-nextjs-boilerplate) - Free & Open-source NextJS Boilerplate + ChatGPT API Dashboard Template

- [shadcn-landing-page](https://github.com/nobruf/shadcn-landing-page) - New design 🎉 Nextjs + Shadcn + TypeScript + Tailwind.

- [t3-app-template](https://github.com/gaofubin/t3-app-template) - This is the admin template for T3 Stack and shadcn/ui

- [easy-ui](https://github.com/DarkInventor/easy-ui) - 50+ High Quality Open Source Website Templates built using NextJS + shadcn/ui + Tailwind CSS + Framer Motion and more.

- [design-system-template](https://github.com/arevalolance/design-system-template) - Turborepo + TailwindCSS + Storybook + shadcn/ui

- [electron-shadcn](https://github.com/LuanRoger/electron-shadcn) - Electron app template with shadcn/ui and a bunch of other libs and tools ready to use.

- [shadcn-vue-landing-page](https://github.com/leoMirandaa/shadcn-vue-landing-page) - Landing page template using Vue,shadcn-vue,TypeScript,Tailwind CSS

- [onyx](https://github.com/rmourey26/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.

- [opendocs](https://github.com/daltonmenezes/opendocs) - Beautifully designed template that you can use for your projects for free. Accessible. Customizable. Open Source with i18n support.

- [nextMotion](https://github.com/yoyocharlie/nextMotion) - Webdev portfolio template with nodemailer integrated for easy contact form setup. Uses shadcn/ui + tailwindcss + framer-motion.

- [turborepo-shadcn-ui-tailwindcss](https://github.com/henriqpohl/turborepo-shadcn-ui-tailwindcss) - Turborepo starter with shadcn/ui & Tailwind CSS pre-configured for shared ui components.

- [turborepo-launchpad](https://github.com/JadRizk/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.

- [supa-next-shad-auth](https://github.com/Sahil-Sharma-23/supa-next-shad-auth) - A 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.

- [wordpress-plugin-boilerplate](https://github.com/prappo/wordpress-plugin-boilerplate) - WordPress Plugin Boilerplate utilizing modern web technologies and tools such as React,TypeScript,SASS,Tailwind CSS,Shadcn UI,Vite,Grunt.js,Storybook,HMR and more.

- [shadcn-registry-template](https://github.com/vantezzen/shadcn-registry-template) - Template repository for building a custom component registry for shadcn/ui.

- [create-tauri-core](https://github.com/mrlightful/create-tauri-core) - A project template for creating a Tauri app with Vite,React,and Tailwind CSS.

- [Shadcn UI Templates](https://shadcnui-templates.com) - A collection of Free & Premium templates and resources for shadcn/ui.

- [horizon-ai-nextjs-shadcn-boilerplate](https://horizon-ui.com/boilerplate-shadcn) - Premium AI NextJS & shadcn/ui Boilerplate + Stripe + Supabase + OAuth

- [template-next](https://template-next-official.vercel.app/) - A clean Next.js template with TypeScript,TailwindCSS,Shadcn/ui,and Prettier.



## Components

- [Shadcn UI Sidebar](https://ui.shadcn.com/docs/components/sidebar) - A composable, themeable and customizable sidebar component.

- [Novel](https://github.com/steven-tey/novel) - Notion-style WYSIWYG editor with AI-powered autocompletion.

- [Plate](https://github.com/udecode/plate) - Rich-text editor with shadcn/ui.

- [Vaul](https://github.com/emilkowalski/vaul) - A drawer component for React.

- [Number Flow](https://github.com/barvian/number-flow) - A React component to transition, format, and localize numbers.

- [Auto Form](https://github.com/vantezzen/autoform) - Automatically render forms for your existing data schema.

- [Shadcn Table V2](https://github.com/sadmann7/shadcn-table) - shadcn/ui table component with server-side sorting, filtering, and pagination.

- [Neobrutalism Components](https://github.com/ekmas/neobrutalism-components) - Collection of neobrutalism-styled Tailwind components.

- [Maily.to](https://github.com/arikchakma/maily.to) - Powerful editor for creating beautiful, pre-designed, mobile-ready emails.

- [Background Snippet](https://github.com/ibelick/background-snippets) - Ready to use collection of modern background snippets.

- [Shadcn UI Sidebar](https://github.com/salimi-my/shadcn-ui-sidebar) - A stunning, functional and responsive retractable sidebar built on top of shadcn/ui.

- [Shadcn UI Expansions](https://github.com/hsuanyi-chou/shadcn-ui-expansions) - More components built on top of shadcn-ui.

- [Stepperize](https://github.com/damianricobelli/shadcn-stepper) - A library for creating step-by-step workflows in your apps.

- [Onborda](https://github.com/uixmat/onborda) - An onboarding wizard flow / product tour for Next.js animated by framer motion

- [File Uploader](https://github.com/sadmann7/file-uploader) - File uploader built with shadcn/ui and react-dropzone.

- [Fancy Area](https://craft.mxkaske.dev/post/fancy-area) - The Textarea is inspired by GitHub's PR comment section. The impressive part is the @mention support including hover cards in the preview.

- [Fancy Box](https://craft.mxkaske.dev/post/fancy-box) - The 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.

- [Fancy Multi Select](https://craft.mxkaske.dev/post/fancy-multi-select) - The Multi Select Component is inspired by campsite.design's and cal.com's settings forms.

- [Shadcn Extension](https://github.com/BelkacemYerfa/shadcn-extension) - An open source component collection , that extends your ui library , built using shadcn component

- [Emblor](https://github.com/JaleelB/emblor) - A fully-featured tag input component built with shadcn/ui.

- [Date Range Picker](https://github.com/johnpolacek/date-range-picker-for-shadcn) - DateRangePicker includes preset date ranges, text entry, calendar selection and date comparison.

- [Time Picker](https://github.com/openstatusHQ/time-picker) - A simple TimePicker for your shadcn/ui project.

- [Shadcn Minimal Tiptap](https://github.com/Aslam97/shadcn-minimal-tiptap) - Minimal Tiptap Editor

- [Shadcn Multi Select Component](https://github.com/sersavan/shadcn-multi-select-component) - A multi-select component designed with shadcn/ui

- [Credenza](https://github.com/redpangilinan/credenza) - Ready-made responsive modal component for shadcn/ui.

- [Shadcn Phone Input](https://github.com/omeralpi/shadcn-phone-input) - Customizable phone input component with proper validation for any country. Built on top of shadcn.

- [Dnd-Kit Shadcn UI](https://github.com/Georgegriff/react-dnd-kit-tailwind-shadcn-ui) - Drag and drop Accessible kanban board implementing using React, @dnd-kit, tailwind and shadcn/ui.

- [Enhanced Button](https://github.com/jakobhoeg/enhanced-button) - An enhanced version of the default shadcn-button component.

- [Sortable](https://github.com/sadmann7/sortable) - A sortable component built with shadcn/ui, radix ui, and dnd-kit.

- [Zoom Charts](https://github.com/shelwinsunga/zoom-chart-demo) - Zoomable Charts on top of shadcn/ui Charts.

- [File Vault](https://github.com/ManishBisht777/file-vault) - File upload component for React.

- [Shadcn Cal Com](https://github.com/damianricobelli/shadcn-cal-com) - A copy of the monthly calendar used by Cal.com with shadcn/ui, Radix Colors and React Aria.

- [Stocks](https://github.com/aryanvichare/stocks) - Stock Picker using Next.js, React Server Components, and shadcn/ui charts.

- [Shadcn Image Cropper](https://github.com/sujjeee/shadcn-image-cropper) - Image cropper built with shadcn/ui and react-image-crop

- [Planner](https://github.com/UretzkyZvi/planner) - Planner is a highly adaptable scheduling component tailored for React applications.

- [Echo Editor](https://github.com/Seedsa/echo-editor) - A modern WYSIWYG rich-text editor base on tiptap and shadcn-ui.

- [Shadcn Address Autocomplete](https://github.com/NiazMorshed2007/shadcn-address-autocomplete) - An address autocomplete component built with Google Places API and shadcn components.

- [Shadcn Tiptap](https://github.com/NiazMorshed2007/shadcn-tiptap) - Collection of custom extensions and toolbars for Tiptap editor.

- [Shadcn Linear Combobox](https://github.com/damianricobelli/shadcn-linear-combobox) - A copy of the combobox that Linear uses to set the priority of a task.

- [Country State Dropdown](https://github.com/Jayprecode/country-state-dropdown) - This Component is built with Nextjs, Tailwindcss, Shadcn-ui & Zustand for state management.

- [Pricing Page Shadcn](https://github.com/m4nute/pricing-page-shadcn) - Pricing Page template made with Shadcn UI & Next.js 14. Completely customizable

- [Lingua Time](https://github.com/nainglinnkhant/lingua-time) - A smart datetime picker which understands natural language input.

- [Nextjs Dnd](https://github.com/sujjeee/nextjs-dnd) - Sortable Drag and Drop with Next.js, Shadcn UI, and DnD-Kit.

- [Shadcn Calendar Component](https://github.com/sersavan/shadcn-calendar-component) - A calendar date picker component designed with shadcn/ui.

- [Search Address](https://github.com/UretzkyZvi/search-address) - The SearchAddress component provides a flexible and interactive search interface for addresses, utilizing the powerful Nominatim service from OpenStreetMap. 

- [Capture Photo](https://github.com/UretzkyZvi/capture-photo) - Capture-Photo is a versatile, browser-based React component designed to streamline the integration of camera functionalities directly into your web applications. 

- [React Fancy Switch](https://github.com/Aslam97/react-fancy-switch) - React Fancy Switch

- [Shadcn Datetime Picker](https://github.com/Maliksidk19/shadcn-datetime-picker) - Beautifully crafted datetime picker component using shadcn ui

- [Crypto Charts](https://github.com/jstnw10/crypto-charts) - A demo show casing shacn/ui charts with free historical crypto data from pyth.

- [Shadcn Calendar Heatmap](https://github.com/gurbaaz27/shadcn-calendar-heatmap) - Modern alternative to primitive react heatmaps built on top of shadcn/ui calendar component.

- [Shadcn Cookie Consent](https://github.com/r2hu1/shadcn-cookie-consent) - Beautifully designed, customizable cookie consent for web built on top of shadcn-ui and tailwind-css!

- [Dnd Dashboard](https://github.com/olliethedev/dnd-dashboard) - A beautiful, performant dashboard with drop-to-swap layouts built using Next.js, shadcn/ui, and swapy.

- [React Confirm Dialog](https://github.com/Aslam97/react-confirm-dialog) - React Confirm Dialog

- [Shadcn Timeline](https://github.com/timDeHof/shadcn-timeline) - Customizable and re-usable timeline component for you to use in your projects. Built on top of shadcn.

- [Image Upload Shadcn](https://github.com/kushagrasarathe/image-upload-shadcn) - Image upload component

- [Phone Input Shadcn UI](https://www.armand-salle.fr/post/phone-input-shadcn-ui) - Custom phone number component built with shadcn/ui.

- [Shadcn Drag Table](https://github.com/zenoncao/shadcn-drag-table) - A drag-and-drop table component using shadcn-ui and next.js

- [Progress Button](https://github.com/tomredman/ProgressButton) - About

An extension of shadcn/ui button component that uses a state machine to drive a progress UX.

- [Shadcn Tree View](https://github.com/mrlightful/shadcn-tree-view) - A component for hierarchical lists of data with nested levels that can be expanded and collapsed.

- [Shadcn Data Table Advanced Col Opions](https://github.com/danielagg/shadcn-data-table-resize-columns) - Column-resizing option to shadcn/ui DataTable.

- [Downshift Shadcn Combobox](https://github.com/TheOmer77/downshift-shadcn-combobox) - Combobox/autocomplete component built with shadcn/ui and Downshift.

- [Shadcn Carousel Testimonials](https://github.com/johanguse/shadcn-carousel-testimonials) - shadcn UI Carousel Testimonials

- [Shadcn Date Picker](https://github.com/flixlix/shadcn-date-picker) - Advanced date picker with range selection, year and month selection, and more.

- [Nextjs Link Pagination](https://github.com/bryaneaton13/shadcn-next-link-pagination) - Use shadcn pagination components to navigate and update URL params

- [Recursive Dnd Kanban Board](https://github.com/mehrdadrafiee/recursive-dnd-kanban-board) - Recursively-generated drag and drop Accessible kanban board implementing using Next.js, @dnd-kit, Tailwind CSS and shadcn/ui

- [Clerk Elements](https://clerk.com/docs/customization/elements/examples/shadcn-ui) - Composable components that can be used to build custom UIs on top of Clerk's APIs.

- [Simplekit](https://github.com/vaunblu/SimpleKit) - Responsive connect wallet and account component built on top of Wagmi and shadcn/ui.



## Colors And Customizations

- [Gradient Picker](https://github.com/Illyism/gradient-picker) - Fancy Gradient Picker built with shadcn/ui, Radix UI and Tailwind CSS.

- [UI Colorgen](https://github.com/mickasmt/ui-colorgen) - An application designed to assist you with color configuration of shadcn/ui.

- [Shadcn UI Customizer](https://github.com/Railly/shadcn-ui-customizer) - POC - shadcn/ui themes with color pickers

- [Clerk Shadcn Theme](https://github.com/stormynight9/clerk-shadcn-theme) - Easily synchronize your Clerk components with your shadcn/ui styles.

- [Navnote/rangeen](https://github.com/navnote/rangeen) - Tool that helps you to create a colour palette for your website.

- [Shadcn Theme Editor](https://github.com/programming-with-ia/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.

- [10000+Themes for Shadcn UI](https://ui.jln.dev/) - 10000+ Themes for shadcn/ui.

- [Dizzy](https://dizzy.systems/) - Customize font, icons, colors, spacing, radii, and shadows.

- [Ewgenius/ui](https://ui.ewgenius.me/shadcn-radix-colors) - Create custom themes for shadcn/ui effortlessly using vibrant palettes from Radix Colors.

- [Zippy Shadcn UI Theme Generator.](https://zippystarter.com/tools/shadcn-ui-theme-generator) - Easily create custom themes from a single colour that you can copy and paste into your apps.



## Tools

- [Fluid Tailwind](https://github.com/barvian/fluid-tailwind) - Build better responsive designs in less code.

- [Opensearch AI](https://github.com/supermemoryai/opensearch-ai) - SearchGPT / Perplexity clone,but personalised for you.

- [Shadcn Chat](https://github.com/jakobhoeg/shadcn-chat) - CLI for adding customizable and re-usable chat components to your applications. 

- [Memfree](https://github.com/memfreeme/memfree) - Open 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.

- [Shadcn Form Builder](https://github.com/hasanharman/form-builder) - Create forms with Shadcn,react-hooks-form and zod within minutes

- [Invoify](https://github.com/aliabb01/invoify) - An invoice generator app built using Next.js,Typescript,and shadcn/ui

- [Form Builder](https://github.com/AlandSleman/FormBuilder) - UI based codegen tool to easily create Beautiful and Type safe @shadcn/ui forms.

- [Tinte](https://github.com/Railly/tinte) - An opinionated theme generator 🎨 (VS Code, shadcn/ui)

- [UI Builder](https://github.com/olliethedev/ui-builder) - A React component editor that provides a no-code,visual way to create UIs,fully compatible with shadcn/ui and custom components.

- [Cut It](https://github.com/mehrabmp/cut-it) - Link shortener built using Next.js App Router,Server Actions,Drizzle ORM,Turso and styled with shadcn/ui.

- [Quack DB](https://github.com/mattf96s/QuackDB) - Open-source in-browser DuckDB SQL editor

- [Bento Hub](https://github.com/amittam104/BentoHub) - BentoHub is a application where you can create a bento grid for your GitHub profile readme.

- [Translate App](https://github.com/developaul/translate-app) - Translate App using TypeScript,Tailwind CSS,NextJS,Bun,shadcn/ui,AI-SDK/OpenAI,Zod

- [Pastecode](https://github.com/Quorin/PasteCode.app) - Pastebin alternative built with Typescript,Next.js,Drizzle,shadcn/ui,RSC

- [Typelabs](https://github.com/imsandeshpandey/typelabs) - MonkeyType inspired typing test app built with React,shadcn,and Zustand at it's core.

- [Jobsync](https://github.com/Gsync/jobsync) - JobSync is a job seekers' assistant to manage job search efficiently.

- [Proxmox Helper Scripts](https://github.com/BramSuurdje/proxmox-helper-scripts) - A catalog of scripts for your Proxmox VE homelab,built with the Next.js App Router and styled with shadcn/ui.

- [Shadcn Zod Form](https://github.com/ilyichv/shadcn-zod-form) - CLI tool to generate shadcn/ui forms from zod schemas.

- [Wallhaven Desktop](https://github.com/ErKeLost/wallhaven-desktop) - Wallhaven Wallpaper software desktop. Create a wallhaven api based client,a true wallpaper software. use Farm,Tauri,React19,shadcn/ui.

- [Awesome Docs Gallery](https://github.com/Hashnode/awesome-docs-gallery) - A crowdsourced, open-source gallery for high-quality dev docs.

- [Sharable Form Builder](https://github.com/ayoubben18/sharable-form-builder) - A sharable form builder for creating forms and sharing your form link,based on shadcn/ui and Next.js.

- [Down Dev Detector](https://github.com/birobirobiro/downdevdetector) - This app lists all the services currently down and uses service Atlassian Status Page and others (soon).

- [Xuneix](https://github.com/theteleporter/xuneix) - A 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.

- [5devs](https://www.5devs.com.br/) - A website to get fake brazilian data for testing purposes.

- [CV Forge](https://cvforge.app) - Resume builder,build with @shadcn/ui,react-hook-form and react-pdf

- [Imgsrc](https://imgsrc.io/) - Generate beautiful Open Graph images with zero effort.

- [Shadcn Pricing Page Generator](https://shipixen.com/shadcn-pricing-page) - The easiest way to get a React pricing page with shadcn/ui,Radix UI and/or Tailwind CSS.

- [V0](https://v0.dev/) - Vercel'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.



## Extensions

- [Shadcn UI](https://marketplace.visualstudio.com/items?itemName=SuhelMakkad.shadcn-ui) - Add components from shadcn/ui directly from VS Code.

- [Vscode Shadcn Svelte](https://marketplace.visualstudio.com/items?itemName=Selemondev.vscode-shadcn-svelte&ssr=false#overview) - VS Code extension for shadcn/ui components in Svelte projects.

- [Vscode Shadcn UI  Snippets](https://marketplace.visualstudio.com/items?itemName=VeroXyle.shadcn-ui-snippets) - Easily 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.

- [Shadcn Color Preview](https://marketplace.visualstudio.com/items?itemName=dexxiez.shadcn-color-preview) - Shadcn HSL Preview extension for Visual Studio Code.

- [Raycast Shadcn](https://www.raycast.com/luisFilipePT/shadcn-ui) - Raycast extension to Browse shadcn/ui documentation, components and examples.

- [Designg UI](https://www.designgui.io/) - A Chrome Browser Extension for managing colors in CSS Variables.

- [Chat With Youtube](https://github.com/PaoloJN/youtube-ai-extension) - A chrome extension is designed to give you the ability to efficiently summarize videos, easily search for specific parts, and enjoy additional useful features.

- [Shadcn UI Components Manager](https://plugins.jetbrains.com/plugin/23479-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.



## Ports

- [Svelte](https://github.com/huntabyte/shadcn-svelte) - Svelte port of shadcn/ui

- [Vue](https://github.com/radix-vue/shadcn-vue) - Vue port of shadcn/ui

- [React Native](https://github.com/mrzachnugent/react-native-reusables) - Universal shadcn/ui for React Native featuring a focused collection of components.

- [Angular](https://github.com/goetzrobin/spartan) - Angular port of shadcn/ui

- [Flutter](https://github.com/nank1ro/shadcn-ui) - Flutter port of shadcn/ui

- [Nativecn UI

](https://github.com/Mobilecn-UI/nativecn-ui) - Beautiful and customizable React Native components.

- [Shadcn UI on Rails](https://github.com/aviflombaum/shadcn-rails) - Ruby port of shadcn/ui

- [SaladUI](https://github.com/bluzky/salad_ui) - Phoenix Liveview port of shadcn/ui

- [Shadcn Solid](https://github.com/hngngn/shadcn-solid) - Solid port of shadcn/ui

- [Swift](https://github.com/Mobilecn-UI/swiftcn-ui) - Swift port of shadcn/ui

- [Shadcn Kotlin](https://github.com/dead8309/shadcn-kotlin) - Kotlin port of shadcn/ui

- [Franken UI](https://www.franken-ui.dev/) - HTML-first,framework-agnostic,beautifully designed components that you can truly copy and paste into your site. Accessible. Customizable. Open Source.



## Animations

- [Animata](https://github.com/codse/animata) - Bring your site to life with easy to use animation & interaction code. Copy. Paste. Animate.

- [Motionvariants](https://github.com/chrisabdo/motionvariants) - A collection of handmade Framer Motion variants made for your next project.



## Design System

- [Craft Design System](https://github.com/brijr/craft) - Design system for building websites FAST! Uses Next.js, Tailwind, React, Typescript, and shadcn/ui.

- [Storybook Shadcn UI](https://github.com/JheanAntunes/storybook-shadcn) - Every component recreated in Figma.

- [Fellipeutaka/ui](https://github.com/fellipeutaka/ui) - All shadcn/ui components registered in the storybook by JheanAntunes



## Platforms

- [Plotwist](https://github.com/plotwist-app/plotwist) - Open-source easy management and reviews of your movies, series and animes.

- [Infinitunes](https://github.com/rajput-hemant/infinitunes) - A Simple Music Player Web App built using Next.js,shadcn/ui,Tailwind CSS,DrizzleORM and more...

- [Bolhadev](https://github.com/brunocroh/bolhadev.chat) - The quickest path to learn English is speaking it regularly. Just find someone to chat with.

- [Enjoytown](https://github.com/avalynndev/enjoytown) - A free anime,manga,movie,tv-shows streaming platform. Built with Nextjs,shadcn/ui

- [Kd](https://github.com/gneiru/kd) - Ad-free Kdrama streaming app. Built with Nextjs,Drizzle ORM,NeonDB and shadcn/ui

- [anonypost](https://github.com/avalynndev/anonypost) - Share your thoughts and experiences anonymously by posting on the platform. Crafted using t3-stack

- [Memergez](https://github.com/avalynndev/memergez) - Quickly generate memes by entering text or an avatar URL,with support for many meme commands.

- [Grade Calculator](https://github.com/noahstreller/grade-calculator) - A grade calculator/dashboard for students,aiming to provide a better overview on the academic performance.

- [Crept Studio](https://github.com/theteleporter/crept-main) - 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.



## Portfolios

- [shubhporwal.me](https://github.com/shubh73/devfolio) - An eye-catching developer Portfolio,built on NextJS,GSAP,Tailwind and React.

- [andrewsam.xyz](https://github.com/andrew-sameh/andrewsam.xyz) - A revamped version of the popular tailwind-nextjs-starter-blog using shadcn/ui,along with a resume section and experience timeline component.



## Others

- [Payment Gateways Demo](https://github.com/PremPrakashCodes/payment-gateways) - This 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.

- [Shadcn Admin](https://github.com/satnaing/shadcn-admin) - Admin Dashboard UI built with Shadcn and Vite.



## 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: