shadcn-ui-blocks

KO | EN

gitlite — search

#javascript #react #ai #golang #machine-learning #rust #linux #nodejs #windows #pytorch #security #openai #mcp #open-source

shadcn-ui-blocks

(★ 74)

ShadcnUI Blocks, Components, Templates & Themes for NextJS, React, Vue, Astro, Svelte & More

shadcn-ui-blocks Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

The largest list online of awesome things related to [shadcn/ui](https://ui.shadcn.com/)

[Components & Libraries](#components--libraries) | [Boilerplates & Starters](#boilerplates--starters) | [Tools & Utilities](#tools--utilities) | [Inspirations & Examples](#inspirations--examples) | [Platforms & Applications](#platforms--applications) | [Themes & Customizations](#themes--customizations) | [Plugins & Extensions](#plugins--extensions) | [Ports & Implementations](#ports--implementations) | [Design Systems & Kits](#design-systems--kits) | [Animations & Effects](#animations--effects)

## Components

- [card](https://github.com/shadcnblockscom/shadcn-ui-blocks/blob/main/card.md)
- [dialogue](https://github.com/shadcnblockscom/shadcn-ui-blocks/edit/main/dialogue.md)
- [hero](https://github.com/shadcnblockscom/shadcn-ui-blocks/edit/main/hero.md)
- [table](https://github.com/shadcnblockscom/shadcn-ui-blocks/blob/main/table.md)
- [toast](https://github.com/shadcnblockscom/shadcn-ui-blocks/blob/main/toast.md)

### Collabs

In partnership with the [Awesome Shadcn/ui Directory](https://awesome-shadcn-ui.com/) & [awesome-shadcnui](https://github.com/2-fly-4-ai/awesome-shadcnui)

### Features

[The Best Component Libraries for React, Next.js & Tailwind UI](https://gist.github.com/devinschumacher/66c4f6d7680f89211951c27ca5d95bb5)| [Creating Common Webpage Layouts With TailwindCSS Using CSS Grid & CSS Flex box (w/ Code Examples)](https://gist.github.com/devinschumacher/95ed32c383a8cc91c0e80e5e502b6afa)| [shadcnblocks - Review](https://gist.github.com/sarahatherbest/7ab61d18081d9b8179e09306cf9680df) | [awesome-shadcnui](https://github.com/2-fly-4-ai/awesome-shadcnui/wiki)
</details>

## Components & Libraries

| Name | Description | Link | Demo | Stars |
|------|-------------|------|------|-------|
| SERP UI Blocks | A collection of over 1200 Premium Blocks built for shadcn/UI with Theming in mind. Over 150 Free blocks available!  | [Docs](https://blocks.serp.co/docs) | [Demo](https://serp.ly/serp-blocks) | |
| Shadcn UI | shadcn/ui offers accessible, customizable React components. Copy-paste to build your unique component library using Radix UI and Tailwind CSS. | [Github](https://github.com/shadcn-ui/ui) | [Demo](https://ui.shadcn.com/) | ★88431 |
| Radix UI | Radix Primitives is an open-source, low-level UI component library focused on accessibility, customization, and developer experience for building design systems and web apps. | [Github](https://github.com/radix-ui/primitives) | [Demo](https://radix-ui.com/primitives) | ★17265 |
| Magic UI | Magic UI is a free, open-source library for design engineers, offering 150+ animated components built with React, Typescript, Tailwind CSS, and Motion. | [Github](https://github.com/magicuidesign/magicui) | [Demo](https://magicui.design) | ★17058 |
| novel | Novel is an open-source, Notion-style WYSIWYG editor that enhances content creation with intelligent, AI-powered autocompletion features for developers. | [Github](https://github.com/steven-tey/novel) | [Demo](https://novel.sh) | ★14806 |
| plate | Plate is a rich-text editor framework for React, leveraging Slate. It offers plugins, components, and AI capabilities for building modern editing experiences. | [Github](https://github.com/udecode/plate) | [Demo](https://platejs.org) | ★14022 |
| Shadcn Vue | An unofficial Vue port of shadcn/ui, offering accessible and customizable components to copy and paste into your Vue applications for building custom libraries. | [Github](https://github.com/unovue/shadcn-vue) | [Demo](https://www.shadcn-vue.com/) | ★7367 |
| Origin UI | Origin UI: An extensive, copy-paste React component library using Tailwind CSS, constantly updated for fast, modern UI development. | [Github](https://github.com/origin-space/originui) | [Demo](https://originui.com) | ★6905 |
| React Native Reusables | An open-source collection of shadcn/ui components for React Native, built with NativeWind v4 and accessibility, empowering custom library development. | [Github](https://github.com/mrzachnugent/react-native-reusables) | [Demo](https://rnr-docs.vercel.app) | ★6067 |
| Shadcn Table | A Shadcn UI table component for Next.js, featuring server-side pagination, sorting, and filtering, powered by TanStack Table and Drizzle ORM. | [Github](https://github.com/sadmann7/shadcn-table) | [Demo](https://table.sadmn.com) | ★5014 |
| Assistant UI | An open-source TypeScript/React library for building AI chat interfaces, offering composable components and broad LLM provider integration. | [Github](https://github.com/assistant-ui/assistant-ui) | [Demo](https://www.assistant-ui.com) | ★4801 |
| Motion Primitives | Beautifully designed, easy-to-integrate motion components for engineers and designers, built with Motion.dev and Tailwind CSS. | [Github](https://github.com/ibelick/motion-primitives) | [Demo](https://motion-primitives.com) | ★4518 |
| neobrutalism-components | A collection of Neobrutalism-styled React components built with Tailwind CSS and based on shadcn/ui, enabling unique web layouts. | [Github](https://github.com/ekmas/neobrutalism-components) | [Demo](https://neobrutalism.dev) | ★3843 |
| Auto Form | AutoForm: A library to automatically create UI forms from data schemas (e.g., Zod), supporting various UI libraries like MUI and Mantine. | [Github](https://github.com/vantezzen/auto-form) | [Demo](https://vantezzen.github.io/auto-form/) | ★3267 |
| Inspira UI | Inspira UI offers a curated collection of beautifully designed, reusable, and configurable components for building elegant websites with Vue & Nuxt. | [Github](https://github.com/unovue/inspira-ui) | [Demo](https://inspira-ui.com) | ★3220 |
| tremor | Tremor offers 35+ customizable React components for dashboards and web apps, built with Tailwind CSS and Radix UI. | [Github](https://github.com/tremorlabs/tremor) | [Demo](https://tremor.so) | ★2364 |
| Cult UI - Unique Shadcn components | Cult UI provides accessible, Tailwind CSS styled React components. Shadcn compatible, open source, and perfect for building your custom UI library quickly. | [Github](https://github.com/nolly-studio/cult-ui) | [Demo](https://www.cult-ui.com/?ref=serpuiaffiliate) | ★2352 |
| Franken UI | Franken UI is an open-source library offering UI components. It leverages UIkit 3, extends with LitElement, and integrates as a Tailwind CSS plugin. | [Github](https://github.com/franken-ui/ui) | [Demo](https://next.franken-ui.dev) | ★2182 |
| Uilayouts | An open-source library of 100+ free, interactive React/Next.js components using Tailwind CSS, Framer Motion, and GSAP for creative web development. | [Github](https://github.com/naymurdev/uilayout) | [Demo](https://www.ui-layouts.com) | ★1971 |
| Shadcn UI Expansions | An open-source collection of accessible and customizable components built on shadcn/ui, designed to help developers ship new features faster. | [Github](https://github.com/hsuanyi-chou/shadcn-ui-expansions) | [Demo](https://shadcnui-expansions.typeart.cc/) | ★1699 |
| Eldora UI | An open-source library of 50+ customizable, animated components built with React, Typescript, Tailwind CSS, and Framer Motion for easy integration. | [Github](https://github.com/karthikmudunuri/eldoraui) | [Demo](https://www.eldoraui.site) | ★1608 |
| Shadcn UI Sidebar | A retractable sidebar component for Next.js, built with shadcn/ui. Features responsive design, light/dark modes, and customizable menu structures for modern UIs. | [Github](https://github.com/salimi-my/shadcn-ui-sidebar) | [Demo](https://shadcn-ui-sidebar.salimi.my) | ★1607 |
| Page UI | Free, open-source React & Next.js landing page components and templates. Built with Tailwind CSS, themeable, and designed for high conversion. | [Github](https://github.com/danmindru/page-ui) | [Demo](https://pageui.dev) | ★1452 |
| Shadcn Chat | A CLI tool providing customizable and re-usable chat components. Easily integrate beautiful chat interfaces into your applications within minutes. | [Github](https://github.com/jakobhoeg/shadcn-chat) | [Demo](https://shadcn-chat.vercel.app) | ★1451 |
| Shadcn Minimal Tiptap | A lightweight, customizable rich text editor for Shadcn UI, offering intuitive text formatting and editing with excellent performance. | [Github](https://github.com/Aslam97/shadcn-minimal-tiptap) | [Demo](https://shadcn-minimal-tiptap.vercel.app) | ★1435 |
| Shadcn Multi Select Component | A React multi-select component for Next.js, leveraging shadcn/ui for customizable, searchable, and interactive option selection in modern web applications. | [Github](https://github.com/sersavan/shadcn-multi-select-component) | [Demo](https://shadcn-multi-select-component.vercel.app) | ★1419 |
| Prompt Kit | A toolkit offering premium, accessible, and adaptable UI components designed for building sophisticated AI applications, including chat interfaces and AI agents. | [Github](https://github.com/ibelick/prompt-kit) | [Demo](https://prompt-kit.com) | ★1404 |
| Cnblocks | Tailark offers responsive, pre-built shadcn-UI and Tailwind CSS blocks, accelerating the development of modern marketing websites for developers. | [Github](https://github.com/Meschacirung/cnblocks) | [Demo](https://nsui.irung.me) | ★1288 |
| File Uploader | A Next.js based file uploader featuring shadcn/ui components and react-dropzone for intuitive drag-and-drop functionality and UploadThing for storage. | [Github](https://github.com/sadmann7/file-uploader) | [Demo](https://uploader.sadmn.com) | ★1249 |
| Shadcn Extension | An open-source component collection extending Shadcn UI, built within a Turborepo for developing and sharing reusable UI components efficiently. | [Github](https://github.com/BelkacemYerfa/shadcn-extension) | [Demo](https://shadcn-extension.vercel.app/) | ★1204 |
| Solid UI | SolidUI offers accessible, customizable components for SolidJS, ported from shadcn/ui & tremor-raw. Build your own library with ease. | [Github](https://github.com/stefan-karger/solid-ui) | [Demo](https://www.solid-ui.com) | ★1204 |
| Onborda | Onborda offers lightweight, customizable onboarding flows for Next.js, animated with Framer Motion and styled with Tailwind CSS, compatible with shadcn/ui. | [Github](https://github.com/uixmat/onborda) | [Demo](https://onborda.dev) | ★1134 |
| Nativecn UI | A React Native toolkit for crafting beautiful, customizable interfaces with dark mode, CSS variables, and NativeWind, drawing inspiration from shadcn-ui. | [Github](https://github.com/Mobilecn-UI/nativecn-ui) | [Demo](https://nativecn.mintlify.app) | ★1130 |
| Emblor | Emblor offers a highly customizable, accessible, and feature-rich tag input solution, seamlessly integrating with Shadcn UI for enhanced user interfaces. | [Github](https://github.com/JaleelB/shadcn-tag-input) | [Demo](https://emblor.jaleelbennett.com) | ★1106 |
| Kibo | Kibo UI offers a custom registry of open-source, composable, and accessible components, enhancing shadcn/ui for building more complex applications with ease. | [Github](https://github.com/haydenbleasel/kibo) | [Demo](https://www.kibo-ui.com/) | ★1082 |
| Jolly UI | JollyUI provides shadcn/ui compatible React Aria components, focusing on accessibility, customizability, and easy copy-paste integration for your projects. | [Github](https://github.com/jolbol1/jolly-ui) | [Demo](https://jollyui.dev) | ★994 |
| Streamlit Shadcn UI | A Python library for seamlessly integrating a wide array of shadcn-ui components into Streamlit applications, enhancing UI design and interactivity. | [Github](https://github.com/ObservedObserver/streamlit-shadcn-ui) | [Demo](https://shadcn.streamlit.app/) | ★948 |
| Date Range Picker For Shadcn | Reusable Shadcn DateRangePicker using Radix UI & Tailwind CSS, featuring presets, text entry, calendar selection, and date comparison. | [Github](https://github.com/johnpolacek/date-range-picker-for-shadcn) | [Demo](https://date-range-picker-for-shadcn-demo.vercel.app/) | ★872 |
| Enhanced Button | Upgrade shadcn-button with diverse, eye-catching styles and practical features, simplifying development with minimal code and easy integration. | [Github](https://github.com/jakobhoeg/enhanced-button) | [Demo](https://enhanced-button.vercel.app) | ★861 |
| UI | Nyxb UI, an archived project, previously offered a rich set of over 150 open-source components using React, Typescript, Tailwind CSS, and Framer Motion. | [Github](https://github.com/nyxb-ui/ui) | [Demo](https://nyxbui.design) | ★846 |
| Kokonut UI | An open-source collection of over 100 UI components built with Tailwind CSS and shadcn/ui, designed for React and Next.js applications. | [Github](https://github.com/kokonut-labs/kokonutui) | [Demo](https://kokonutui.com) | ★831 |
| Credenza | Credenza provides a ready-to-use, responsive modal component for shadcn/ui, adapting between dialog and drawer views for optimal cross-device user experience. | [Github](https://github.com/redpangilinan/credenza) | [Demo](https://credenza.rdev.pro) | ★803 |
| Time Picker | A React-based TimePicker component for Shadcn UI, offering intuitive selection of hours, minutes, and seconds for your web forms. | [Github](https://github.com/openstatusHQ/time-picker) | [Demo](https://time.openstatus.dev) | ★774 |
| Shadcn Phone Input | A React component for Shadcn UI, offering a customizable phone input with international validation and country selection. | [Github](https://github.com/omeralpi/shadcn-phone-input) | [Demo](https://shadcn-phone-input.vercel.app) | ★752 |
| Prism UI | A React component library augmenting shadcn/ui, offering extra components, pre-made sections, and utilities to accelerate modern web application development. | [Github](https://github.com/Codehagen/Prismui) | [Demo](https://prismui.tech) | ★711 |
| TWBlocks | TWBlocks offers free, copy-paste React UI components built with shadcn, Radix UI, Tailwind CSS, and Next.js, supporting themes and dark/light modes. | [Github](https://github.com/tommyjepsen/twblocks) | [Demo](https://twblocks.com) | ★702 |
| Shadcn Editor | An accessible, customizable rich text editor built with Lexical and Shadcn/UI, featuring React 19 and Tailwind v4 components. | [Github](https://github.com/htmujahid/shadcn-editor) | [Demo](https://shadcn-editor.vercel.app) | ★662 |
| Sortable | A Next.js sortable component powered by shadcn/ui, Radix UI, and dnd-kit, featuring headless primitives and form/table integration. | [Github](https://github.com/sadmann7/sortable) | [Demo](https://sortable.sadmn.com) | ★632 |
| Better Auth UI | Pre-built shadcn/ui styled authentication components for seamless integration with better-auth, enabling rapid implementation of auth features in Next.js and React. | [Github](https://github.com/daveyplate/better-auth-ui) | [Demo](https://better-auth-ui.com/) | ★626 |
| Indie UI | Indie UI offers a free collection of customizable React and Tailwind CSS components, with shadcn and Framer Motion, including a form builder. Supports dark mode and TypeScript. | [Github](https://github.com/Ali-Hussein-dev/indie-ui) | [Demo](https://ui.indie-starter.dev) | ★603 |
| Spectrum UI | Spectrum UI offers 250+ free, open-source, animated React components built with Next.js, TypeScript, Tailwind CSS, and Motion, ready for copy-pasting. | [Github](https://github.com/arihantcodes/spectrum-ui) | [Demo](https://spectrumui.arihantcodes.in) | ★583 |
| Echo Editor | Echo Editor is a modern AI-powered WYSIWYG rich-text editor for Vue, leveraging tiptap for core functionality and shadcn-vue for its UI. | [Github](https://github.com/Seedsa/echo-editor) | [Demo](https://echo-editor.jzcloud.site) | ★523 |
| Next UI Full Calendar | A React calendar library for dynamic event management, featuring day/week/month views, built with Next UI and Shadcn UI for a refined user experience. | [Github](https://github.com/Mina-Massoud/next-ui-full-calendar) | [Demo](https://mina-scheduler.vercel.app/) | ★507 |
| Reactjs Tiptap Editor | A Reactjs WYSIWYG rich text editor leveraging Tiptap and Shadcn UI components, offering a modern editing experience with essential formatting tools. | [Github](https://github.com/hunghg255/reactjs-tiptap-editor) | [Demo](https://reactjs-tiptap-editor.vercel.app/) | ★453 |
| Farm UI | FarmUI offers animation-rich UI components built on Radix and Shadcn, providing full source code flexibility for client-first development experiences. | [Github](https://github.com/Kinfe123/farm-ui) | [Demo](https://farmui.com) | ★437 |
| Planner | A React component for dynamic appointment management with drag-and-drop, date selection, and shadcn/ui integration. Enhances apps with efficient scheduling and resource handling. | [Github](https://github.com/UretzkyZvi/planner) | [Demo](https://planner-tau-two.vercel.app) | ★399 |
| ShadEditor | Edra is an extensible rich text editor for Svelte, built with Tiptap. It offers easy integration, a beautiful ShadCN UI option, and robust data output. | [Github](https://github.com/Tsuzat/ShadEditor) |  | ★399 |
| Components | An open-source collection of type-safe Next.js/React components styled with Tailwind, shadcn/ui, and brijr/craft for fast website building. | [Github](https://github.com/brijr/components) | [Demo](https://components.bridger.to) | ★397 |
| Framer Ground | Discover a curated set of compact, handcrafted animated components, optimized for performance and designed for easy integration into modern web applications. | [Github](https://github.com/code-env/Framer-ground) | [Demo](https://ground.bossadizenith.me) | ★392 |
| big-calendar | A modern, responsive calendar application built with Next.js, TypeScript, and Tailwind CSS, offering multiple views, event customization, and drag-and-drop functionality. | [Github](https://github.com/lramos33/big-calendar) | [Demo](https://big-calendar.vercel.app) | ★386 |
| Shadcn Image Cropper | A lightweight image cropping component using Shadcn/UI and react-image-crop, perfect for integrating clean image editing interfaces. | [Github](https://github.com/sujjeee/shadcn-image-cropper) | [Demo](https://shadcn-image-cropper.vercel.app) | ★385 |
| UI Builder | A React component offering a Figma-style visual editor to build UIs using your component library, compatible with shadcn/ui and custom components. | [Github](https://github.com/olliethedev/ui-builder) | [Demo](https://www.uibuilder.app/) | ★384 |
| File Vault | A React component designed for seamless file uploads to Cloudinary, featuring batch processing, progress indicators, and cancellation support for modern web applications. | [Github](https://github.com/ManishBisht777/file-vault) | [Demo](https://file-vault-delta.vercel.app) | ★380 |
| Laravel Luvi | Luvi UI offers shadcn-ui inspired, copy-paste UI components for Laravel. Built with Blade and AlpineJS, it's accessible, customizable, open-source, and Livewire compatible. | [Github](https://github.com/luvi-ui/laravel-luvi) | [Demo](https://laravel-luvi.com) | ★368 |
| Hookcn | hookcn offers a collection of reusable React hooks, inspired by shadcn/ui. Easily copy-paste or integrate them using the shadcn CLI for streamlined development. | [Github](https://github.com/strlrd-29/hookcn) | [Demo](https://hookcn.ouassim.tech) | ★351 |
| Luna | Luna offers free, open-source, customizable React visual effects. Easily copy and paste components to enhance your existing design system quickly. | [Github](https://github.com/guilhermerodz/luna) |  | ★351 |
| Stunning UI | A collection of 30+ interactive, open-source Tailwind CSS components, blocks, and templates designed for Vue and Nuxt to build visually striking websites. | [Github](https://github.com/xiaoluoboding/stunning-ui) | [Demo](https://stunningui.design) | ★343 |
| Shadcn UI Tree View | A feature-rich tree view component for shadcn/ui, offering multi-selection, drag select, context menus, search, and visual feedback for enhanced data navigation. | [Github](https://github.com/neigebaie/shadcn-ui-tree-view) |  | ★334 |
| Shadcn UI Blocks | A curated collection of customizable Shadcn UI blocks and components. Preview, copy, and integrate ready-made code snippets to accelerate your development. | [Github](https://github.com/akash3444/shadcn-ui-blocks) | [Demo](https://shadcn-ui-blocks.akashmoradiya.com) | ★332 |
| Shadcn Address Autocomplete | A developer-friendly address autocomplete component leveraging the new Google Places API and styled with shadcn/ui for seamless integration. | [Github](https://github.com/NiazMorshed2007/shadcn-address-autocomplete) | [Demo](https://shadcn-address-autocomplete.vercel.app/) | ★326 |
| Shadcn Date Picker | An advanced Shadcn date picker component using react-day-picker v9, offering year navigation, date ranges, and superior customization options for developers. | [Github](https://github.com/flixlix/shadcn-date-picker) | [Demo](https://date-picker.luca-felix.com/) | ★319 |
| Calendar | A feature-rich, customizable full calendar component using React, Shadcn, and Tailwind CSS for seamless dashboard and app integration. | [Github](https://github.com/charlietlamb/calendar) | [Demo](https://calendar-shadcn.vercel.app/) | ★318 |
| Gradient Picker | A versatile, accessible, and customizable gradient color picker component. Built with Shadcn UI, Radix UI, and Tailwind CSS; it's free and open source. | [Github](https://github.com/Illyism/gradient-picker) | [Demo](https://gradientpicker.vercel.app/) | ★316 |
| mixcnui | Mixcn-UI is a modern, responsive React component library with TypeScript, Next.js, Tailwind CSS, and Framer Motion for stunning, animated UIs. | [Github](https://github.com/taqui-786/mixcnui) | [Demo](https://mixcn-ui.vercel.app) | ★310 |
| Lingua Time | Lingua Time is a ShadCN datetime picker component that intelligently parses natural language for date and time selection, simplifying user input. | [Github](https://github.com/nainglinnkhant/lingua-time) | [Demo](https://linguatime.nainglinnkhant.com) | ★306 |
| Shadow Panda | Shadow Panda offers accessible, customizable UI components for Panda CSS users, mirroring shadcn/ui and built with Radix for modern web development. | [Github](https://github.com/kumaaa-inc/shadow-panda) | [Demo](https://shadow-panda.dev) | ★294 |
| Shadcn View Table | Enhanced Shadcn table by nainglinnkhant, offering server-side sorting, pagination, filtering, and custom views. Extends @sadmann17's shadcn-table. | [Github](https://github.com/nainglinnkhant/shadcn-view-table) | [Demo](https://view-table.nainglinnkhant.com) | ★291 |
| Shadcn Calendar Component | A Next.js calendar date picker component built with shadcn/ui, offering single and range selection with timezone support and interactive date adjustments. | [Github](https://github.com/sersavan/shadcn-calendar-component) | [Demo](https://shadcn-calendar-component.vercel.app) | ★271 |
| Artisan UI | Artisan UI brings Shadcn's elegance to Laravel Blade, offering beautiful components built with Tailwind CSS and AlpineJS for a fresh development experience. | [Github](https://github.com/yungifez/artisan-ui) | [Demo](https://x-aui.com) | ★266 |
| Shadcn Phone Input | A Next.js phone input component using Shadcn UI and libphonenumber-js for formatted, validated international number entry with country selection. | [Github](https://github.com/damianricobelli/shadcn-phone-input) | [Demo](https://shadcn-phone-input-five.vercel.app) | ★253 |
| Country State Dropdown | A Next.js component for interactive country and state dropdowns, styled with Tailwind CSS, built with Shadcn-ui, and using Zustand for state. | [Github](https://github.com/Jayprecode/country-state-dropdown) | [Demo](https://country-state-dropdown.vercel.app) | ★239 |
| Shadcn Linear Combobox | A Next.js and Shadcn UI component emulating Linear's task priority selector, featuring filtering and keyboard navigation for enhanced usability. | [Github](https://github.com/damianricobelli/shadcn-linear-combobox) | [Demo](https://shadcn-linear-combobox.vercel.app) | ★237 |
| Shadcn Datetime Picker | A beautifully crafted React component for seamless date and time selection, built with Shadcn UI, offering an intuitive and customizable user experience. | [Github](https://github.com/Maliksidk19/shadcn-datetime-picker) | [Demo](https://shadcn-datetime-picker.vercel.app) | ★237 |
| Edil Ozi | Edil Ozi is an open-source component library providing developers with customizable, accessible, and seamlessly integrated UI elements for efficient application development. | [Github](https://github.com/Edil-ozi/edil-ozi) | [Demo](https://www.edilozi.pro/) | ★230 |
| Asyncr | A React component offering a flexible async select input, leveraging ShadCN UI for a modern, accessible, and customizable user experience. | [Github](https://github.com/rudrodip/asyncr) | [Demo](https://async.rdsx.dev) | ★228 |
| Shadcn Tree View | A Shadcn UI component for displaying and navigating hierarchical data, featuring expandable levels, custom icons, drag & drop, and click handlers. | [Github](https://github.com/mrlightful/shadcn-tree-view) | [Demo](https://mrlightful.com/ui/tree-view) | ★215 |
| Shadcn Timeline | A free, customizable timeline component for React, built on shadcn/ui and Tailwind CSS. Integrates easily into your projects, offering full code ownership. | [Github](https://github.com/timDeHof/shadcn-timeline) | [Demo](https://timdehof.github.io/shadcn-timeline/) | ★209 |
| App Tailwind V4 | A comprehensive suite of shadcn/ui components, updated for Tailwind v4 and React 19, for building modern, accessible web applications. | [Github](https://github.com/shadcn/app-tailwind-v4) | [Demo](https://app-tailwind-v4.vercel.app) | ★204 |
| Shadcn Date Time Picker | A collection of adaptable Date and Time picker components built with ShadCN UI, showcasing varied functionalities for React projects, including form integration. | [Github](https://github.com/rudrodip/shadcn-date-time-picker) | [Demo](https://time.rdsx.dev) | ★202 |
| UI Beats | UI Beats delivers a collection of reusable, animated React components, built with Typescript, Tailwind CSS, and Framer Motion for modern web development. | [Github](https://github.com/nikhils4/ui-beats) | [Demo](https://uibeats.com) | ★202 |
| Shadcn Tour | A React component library for building interactive product tours, seamlessly integrating with shadcn/ui and providing motion effects for an enhanced user experience. | [Github](https://github.com/NiazMorshed2007/shadcn-tour) | [Demo](https://tour.niazmorshed.dev) | ★197 |
| Pushmodal | A React library for streamlined management of shadcn UI dialogs, sheets, and drawers, simplifying modal interactions via Radix UI. | [Github](https://github.com/lindesvard/pushmodal) |  | ★196 |
| React Fancy Switch | A customizable React component for creating elegant, interactive multi-option switches. Features flexible styling, accessibility, and smooth transitions without framer-motion. | [Github](https://github.com/Aslam97/react-fancy-switch) | [Demo](https://react-fancy-radio.vercel.app) | ★196 |
| Primitives | An unofficial Angular port of Radix UI, offering low-level, accessible, and customizable UI primitives for building high-quality design systems and web apps. | [Github](https://github.com/radix-ng/primitives) | [Demo](https://radix-ng.com) | ★193 |
| Bund UI | Bundui is a collection of pre-built animated components using Framer Motion and Tailwind CSS, designed for easy integration into web projects. | [Github](https://github.com/bundui/components) | [Demo](https://bundui.io) | ★185 |
| Passlock | A TypeScript library simplifying passkeys, social logins, and user management for web apps, with strong Svelte/SvelteKit support. | [Github](https://github.com/passlock-dev/passlock) | [Demo](https://passlock.dev) | ★177 |
| Shadcn Cookie Consent | Implement compliant, visually appealing cookie consent banners using this Shadcn UI and Tailwind CSS component, enhancing user experience with ease. | [Github](https://github.com/r2hu1/shadcn-cookie-consent) | [Demo](https://shadcn-cookie-consent.vercel.app) | ★174 |
| Shadcn Svelte Extras | A curated suite of UI components extending shadcn-svelte, empowering developers to quickly integrate advanced features and complete Svelte apps faster. | [Github](https://github.com/ieedan/shadcn-svelte-extras) | [Demo](https://shadcn-svelte-extras.com) | ★173 |
| capture-photo | A React component for browser-based image capture, designed for direct project integration and full customization, built with TypeScript. | [Github](https://github.com/UretzkyZvi/capture-photo) | [Demo](https://capture-photo-sigma.vercel.app) | ★170 |
| Shadcn Datetime Picker | A powerful, customizable React component for easy date and time selection in Shadcn UI applications, offering timezone and min/max date support. | [Github](https://github.com/huybuidac/shadcn-datetime-picker) | [Demo](https://shadcn-datetime-picker-pro.vercel.app) | ★159 |
| Rust shadcn/ui | A Rust implementation of the popular shadcn/ui library, providing beautifully designed, copy-paste components for Rust web frameworks like Leptos and Yew. | [Github](https://github.com/RustForWeb/shadcn-ui) | [Demo](https://shadcn-ui.rustforweb.org) | ★158 |
| React Confirm Dialog | A React component for creating customizable and accessible confirmation dialogs, easily integrated using a hook and provider, with Shadcn UI support. | [Github](https://github.com/Aslam97/react-confirm-dialog) | [Demo](https://react-confirm-dialog.vercel.app) | ★157 |
| Full Calendar For Shadcn UI | A non-package, customizable full calendar component for shadcn/ui, offering multiple views, keyboard navigation, and event management. | [Github](https://github.com/dninomiya/full-calendar-for-shadcn-ui) | [Demo](https://dninomiya.github.io/full-calendar-for-shadcn-ui/) | ★151 |
| Search Address | A React component for interactive address search, featuring autocomplete, grouped results, and OpenStreetMap integration via \`leaflet-geosearch\`. | [Github](https://github.com/UretzkyZvi/search-address) | [Demo](https://search-address-ebon.vercel.app) | ★151 |
| Shadcn Calendar Heatmap | A shadcn-based React component for creating customizable, unstyled calendar heatmaps. Visualize temporal data like streaks or weighted events effectively. | [Github](https://github.com/gurbaaz27/shadcn-calendar-heatmap) | [Demo](https://shadcn-calendar-heatmap.vercel.app/) | ★143 |
| View Shadcn UI | A Vue3 component library built with Tailwind CSS, offering beautified, customizable components for rapid modern web development. | [Github](https://github.com/devlive-community/view-shadcn-ui) | [Demo](https://view-shadcn-ui.devlive.org/) | ★141 |
| Simple UI | Sysinfocus simple/ui is a Razor component library for Blazor, drawing inspiration from shadcn/ui to help you build modern user interfaces. | [Github](https://github.com/Sysinfocus/simple-ui) |  | ★133 |
| Shadcn UI Date Time Picker | An accessible DateTime Picker using shadcn UI theming and React Aria, offered as a community-driven starting point for developers. | [Github](https://github.com/uncvrd/shadcn-ui-date-time-picker) | [Demo](https://codesandbox.io/p/github/uncvrd/shadcn-ui-date-time-picker) | ★127 |
| Swift | A rich SwiftUI component library for accelerated iOS app development. No package install needed, drawing inspiration from shadcn/ui for beautiful interfaces. | [Github](https://github.com/Mobilecn-UI/swiftcn-ui) |  | ★118 |
| Shadcn Resize Sidebar | An enhanced shadcn-ui resizable sidebar for Next.js, offering advanced drag-to-resize, smooth transitions, persistent state, and VS Code-inspired interactions. | [Github](https://github.com/lumpinif/shadcn-resize-sidebar) | [Demo](https://shadcn-resize-sidebar.vercel.app) | ★116 |
| drag-to-resize-sidebar | An extended shadcn/ui sidebar for Next.js, offering drag-to-resize, persistent state, advanced resizing, and VS Code-like interaction. | [Github](https://github.com/lumpinif/drag-to-resize-sidebar) | [Demo](https://shadcn-resizable-sidebar.vercel.app) | ★116 |
| Downshift Shadcn Combobox | A versatile combobox and autocomplete component leveraging Shadcn/ui and Downshift for intuitive user input and suggestion lists. | [Github](https://github.com/TheOmer77/downshift-shadcn-combobox) | [Demo](https://downshift-shadcn-combobox.vercel.app) | ★109 |
| Commerce UI | A comprehensive component collection for building e-commerce sites and apps using React, Next.js, Tailwind CSS, and shadcn/ui integration. | [Github](https://github.com/stackzero-labs/ui) | [Demo](https://ui.stackzero.co) | ★102 |
| UI | Free, open-source, and customizable UI components based on shadcn/ui, designed for easy integration into your LLM applications. | [Github](https://github.com/marcusschiesser/ui) | [Demo](https://ui.marcusschiesser.de) | ★98 |
| Shadcn Next Link Pagination | A component for Next.js applications using Shadcn pagination to create navigation links, dynamically updating URL parameters like page and pageSize. | [Github](https://github.com/bryaneaton13/shadcn-next-link-pagination) | [Demo](https://shadcn-next-link-pagination.vercel.app) | ★96 |
| Hookagain | A curated collection of reusable React hooks, easily integrated into your projects using the shadcn CLI for streamlined development. | [Github](https://github.com/ilyichv/hookagain) | [Demo](https://hookagain.vercel.app) | ★96 |
| Shad UI | ShadUI: An Avalonia desktop UI library for modern, beautiful interfaces, inspired by shadcn/ui and Suki UI. Free and open-source. | [Github](https://github.com/accntech/shad-ui) |  | ★96 |
| Shadcn Country Dropdown | Next.js project providing ISO-compliant country dropdown and phone input components, built with shadcn/ui for seamless UI/UX integration. | [Github](https://github.com/uixmat/shadcn-country-dropdown) | [Demo](https://shadcn-country-dropdown.vercel.app) | ★94 |
| Shadcn Fullcalender | A developer-created Full Calendar component offering month/year views and customization, inspired by 0xBoom's version for ShadCN users. | [Github](https://github.com/deiondz/shadcn-fullcalender) | [Demo](https://shadcn-fullcalender.vercel.app) | ★93 |
| ProgressButton | A React component extending shadcn/ui buttons, using XState to visually show progress for tasks with manual or automatic updates and feedback states. | [Github](https://github.com/tomredman/ProgressButton) |  | ★91 |
| Shadcn UI Animated Tabs | Open-source Next.js project demonstrating animated Shadcn tab components for a smoother, visually appealing user experience with dynamic theming. | [Github](https://github.com/list-jonas/shadcn-ui-animated-tabs) | [Demo](https://shadcn-ui-animated-tabs.vercel.app) | ★91 |
| Nativecn | Nativecn offers beautiful, customizable React Native components inspired by shadcn/ui, featuring dark mode, CSS variables, and NativeWind support. | [Github](https://github.com/unisol1020/nativecn) | [Demo](https://nativecn.vercel.app) | ★88 |
| tnks-data-table | Advanced data table for Shadcn/UI & TanStack Table. Features server-side ops, row selection, filtering, column customization, export, and full TypeScript support. | [Github](https://github.com/jacksonkasi1/tnks-data-table) | [Demo](https://tnks-data-table.vercel.app/) | ★87 |
| Shadcn Dialog | A Next.js component for Shadcn UI that enables nested dialogs, allowing you to render and manage multiple stacked modals effectively. | [Github](https://github.com/victorwelander/shadcn-dialog) | [Demo](https://shadcn-dialog.vercel.app) | ★86 |
| Shadcn Spinner | A lightweight and customizable loading spinner component, designed for easy integration into Shadcn UI projects, now with CLI support. | [Github](https://github.com/allipiopereira/shadcn-spinner) | [Demo](https://shadcn-spinner.vercel.app) | ★85 |
| Karrix Lee UI | KL UI delivers open-source animated UI components and effects, built using shadcn/ui and Motion for dynamic and engaging web interfaces. | [Github](https://github.com/KarrixLee/KL-ui) | [Demo](https://karrix.dev) | ★81 |
| Next Stepper | A Next.js component for creating interactive multi-step forms using shadcn/ui, Zustand state management, and Framer Motion animations. | [Github](https://github.com/ebulku/next-stepper) | [Demo](https://next-stepper.vercel.app) | ★81 |
| Inputs | A curated collection of input components leveraging shadcn-ui and Radix UI, designed to enhance user interface development for web applications. | [Github](https://github.com/sadmann7/inputs) | [Demo](https://inputs-ftw.vercel.app) | ★76 |
| Shadcn Drag Table | A Next.js component for building interactive tables with drag-and-drop reordering, styled beautifully using shadcn-ui for modern applications. | [Github](https://github.com/zenoncao/shadcn-drag-table) | [Demo](https://shadcn-drag-table.vercel.app/) | ★75 |
| Shadcn Dropzone | A pre-built file upload dropzone component for React, integrating shadcn/ui and react-dropzone for streamlined, customizable file handling. | [Github](https://github.com/diragb/shadcn-dropzone) | [Demo](https://diragb.github.io/shadcn-dropzone/) | ★69 |
| Davstack | Davstack provides a suite of TypeScript libraries engineered for accelerating the creation of high-quality React and Next.js web applications. | [Github](https://github.com/DawidWraga/davstack) | [Demo](https://davstack.com) | ★69 |
| shadcn-extends | An open collection of Shadcn/ui components. Easily copy, paste, and contribute to expand your UI development toolkit. | [Github](https://github.com/lucioew28/extends) | [Demo](https://extends.vercel.app) | ★67 |
| Shadcn Ng | A free, open-source toolkit of adaptable and accessible Angular UI elements. Effortlessly integrate components and forge your unique library, styled with Tailwind CSS. | [Github](https://github.com/adrian-ub/shadcn-ng) | [Demo](https://ui.adrianub.dev) | ★66 |
| Shadcn UI Monthpicker | Customizable Monthpicker and Monthrangepicker components for shadcn/ui, leveraging Radix UI and Tailwind CSS for flexible date selection. | [Github](https://github.com/gr3enk/shadcn-ui-monthpicker) | [Demo](https://greenk.dev/demos/monthpicker) | ★66 |
| drop-drawer | DropDrawer is a shadcn/ui component providing a responsive dropdown for desktops and a native-feeling drawer for mobile, enhancing user experience. | [Github](https://github.com/jiaweing/DropDrawer) | [Demo](https://dropdrawer.jiawei.dev) | ★65 |
| Shadcn Kotlin | An unofficial KotlinJS port of shadcn/ui, built with Kobweb, offering accessible and customizable components for modern web development. | [Github](https://github.com/dead8309/shadcn-kotlin) | [Demo](https://shadcn-kotlin.vercel.app/) | ★61 |
| Shadcn Virtualized Combobox | A virtualized shadcn/ui combobox component using TanStack Virtual for optimal performance with large datasets in React applications. | [Github](https://github.com/oaarnikoivu/shadcn-virtualized-combobox) | [Demo](https://codesandbox.io/p/devbox/github/oaarnikoivu/shadcn-virtualized-combobox) | ★59 |
| Shadcn Rich Text Editor With Tiptap | A developer-focused rich text editor leveraging Shadcn UI components and the Tiptap editor framework for modern web applications. | [Github](https://github.com/damithadev/shadcn-rich-text-editor-with-tiptap) | [Demo](https://shadcn-rich-text-editor.netlify.app/) | ★59 |
| SimpleKit | SimpleKit offers a responsive connect wallet and account component for React applications, leveraging Wagmi and shadcn/ui for streamlined integration. | [Github](https://github.com/vaunblu/SimpleKit) | [Demo](https://simplekit.vaunb.lu) | ★58 |
| nextjs-multi-image-upload | A reusable Next.js component for responsive multi-image uploads, featuring progress tracking, deletion feedback, form validation (React Hook Form), and cloud API (S3/R2) integration. | [Github](https://github.com/jacksonkasi0/nextjs-multi-image-upload) | [Demo](https://nextjs-multi-image-upload.vercel.app) | ★58 |
| Extendui | ExtendUI: A curated suite of advanced, reusable UI components built on shadcn/ui, boosting performance and streamlining modern web application development. | [Github](https://github.com/extendui/extendui) | [Demo](https://extend-ui.com) | ★55 |
| animated-tabs | A Next.js, TailwindCSS, Shadcn/UI, and Motion tab component offering smooth animations, hover effects, and responsive design for interactive interfaces. | [Github](https://github.com/mehrdadrafiee/animated-tabs) | [Demo](https://animated-tabs-one.vercel.app/) | ★53 |
| Shadcn Typography | A React library offering customizable, shadcn/ui-style typography components built with Tailwind CSS for modern user interfaces. | [Github](https://github.com/kian1991/shadcn-typography) |  | ★52 |
| Shadcn UI Audio Recorder With Visualizer | A copy-paste audio recorder component with a built-in visualizer for Shadcn UI projects. Integrates easily without extra npm installs, all in under 400 lines of code. | [Github](https://github.com/Anurag-Kochar-1/Shadcn-UI-Audio-Recorder-With-Visualizer) | [Demo](https://shadcn-ui-audio-recorder-with-visualizer.vercel.app) | ★51 |
| Shadcn Color Picker | A React color picker component built with shadcn/ui and react-colorful, offering a seamless and customizable color selection experience for developers. | [Github](https://github.com/nightspite/shadcn-color-picker) | [Demo](https://shadcn-color-picker.vercel.app) | ★50 |
| manfromexistence-ui | A thoughtfully designed UI library empowering developers to build exceptional user experiences with easily integrated, pre-built blocks. | [Github](https://github.com/manfromexistence/ui) | [Demo](https://manfromexistence-ui.vercel.app) | ★50 |
| Shadcn Iconpicker | A React component for easily selecting Lucide icons, featuring search, progressive loading, and extensive customization for shadcn/ui projects. | [Github](https://github.com/alan-crts/shadcn-iconpicker) | [Demo](https://icon-picker.alan-courtois.fr/) | ★49 |
| React Querybuilder Shadcn UI | Unofficial shadcn/ui compatible components that integrate seamlessly with React QueryBuilder, offering a modern and consistent user interface design. | [Github](https://github.com/jide/react-querybuilder-shadcn-ui) |  | ★49 |
| Next Gallery Modal | A Next.js component for a WordPress-inspired image upload gallery modal, built with Tailwind CSS, TypeScript, shadcn-ui, and Supabase integration. | [Github](https://github.com/abhinishere/next-gallery-modal) | [Demo](https://packaged-media.redd.it/cmh6yytymodb1/pb/m2-res%20480p.mp4?m=DASHPlaylist.mpd&v=1&e=1691859600&s=5b4c08ce585e50a609530082156058a7d4bd494a#t=0) | ★48 |
| Ved UI | Ved UI provides highly adaptable form components using shadcn/ui, Zod for validation, and React Hook Form for state, enabling rapid development. | [Github](https://github.com/azacdev/ved-ui) | [Demo](https://ved-ui.vercel.app) | ★47 |
| Shadcn Svelte Enhancements | A curated collection of supplementary UI components for Shadcn-Svelte, installable via CLI for seamless integration and enhanced development. | [Github](https://github.com/tzezar/shadcn-svelte-enhancements) | [Demo](https://shadcn-svelte-enhancements.tzezar.pl/) | ★46 |
| Shadcn Country Region Select | A Shadcn-styled select input component for countries and regions, offering customization and out-of-the-box modern design for web applications. | [Github](https://github.com/inextdeve/shadcn-country-region-select) | [Demo](https://shadcn-country-region-select.inext.dev) | ★46 |
| Shapex UI | ShapeX UI offers reusable, customizable blocks built on shadcn/ui and Framer Motion for efficient, scalable web application development. Copy and paste ready. | [Github](https://github.com/yogesh2104/shapex-ui) | [Demo](https://shapexui.site) | ★45 |
| Neel UI | Neel UI offers shadcn-inspired, interactive, and customizable UI components for SvelteKit, blending primitive interactivity with design system styling for easy development. | [Github](https://github.com/aidan-neel/neel-ui) | [Demo](https://ui.aidan-neel.com/) | ★45 |
| Shadcn Pricing Page | Build responsive, customizable pricing pages with shadcn/ui, featuring payment toggles, tier highlights, and smooth price animations. Ideal for Next.js SaaS projects. | [Github](https://github.com/aymanch-03/shadcn-pricing-page) | [Demo](https://shadcn-pricing-page.vercel.app) | ★42 |
| floating-dragable-card | A reusable React component for draggable, resizable, maximizable, and minimizable UI elements, offering smooth and configurable dynamic content display. | [Github](https://github.com/nishansanjuka/react-drag-card) | [Demo](https://react-drag-card.vercel.app/) | ★42 |
| Shadcn Number Input | A customizable number input component for Shadcn UI, built with react-number-format, offering steppers, min/max values, and prefix/suffix support. | [Github](https://github.com/costidotdev/shadcn-number-input) | [Demo](https://shadcn-number-input.vercel.app/) | ★41 |
| Fcnui | A Flutter port of shadcn-ui, offering beautiful, customizable components to easily integrate into Flutter applications, inspired by the original React library. | [Github](https://github.com/shoh-dev/fcnui) |  | ★40 |
| Shadcn Dropzone | A dropzone component in the Shadcn style. Uses react-dropzone, Shadcn primitives, and focuses on accessibility for easy file uploads in React projects. | [Github](https://github.com/janglad/shadcn-dropzone) | [Demo](https://shadcn-dropzone.vercel.app) | ★39 |
| Stepper React | A React Stepper component for Shadcn UI, styled with Tailwind CSS. Simplifies multi-step form navigation for enhanced user experience. | [Github](https://github.com/HassanDev13/stepper-react) | [Demo](https://stepper-react.vercel.app) | ★39 |
| Supercharged Shadcn Components | An open-source React library offering pre-built components, simpler forms, and utilities to accelerate development, inspired by shadcn/ui and Material-UI. | [Github](https://github.com/slickwit/supercharged-shadcn-components) | [Demo](https://master.d3nkppob0zm4s6.amplifyapp.com/) | ★39 |
| Shadcn Timeline | Integrate a stylish, customizable timeline component into your Next.js applications. Built with Tailwind CSS and Shadcn UI for seamless theming. | [Github](https://github.com/Tourniercy/shadcn-timeline) | [Demo](https://timeline.rilcy.app) | ★36 |
| eo-n/ui | Build modern UIs with eo-n/ui, offering accessible, customizable components powered by Tailwind CSS and shadcn, including Meter and Toast. | [Github](https://github.com/aeonzz/eo-n) | [Demo](https://eo-n.vercel.app) | ★36 |
| linked-chart | A React component for synchronized, interactive chart and DataTable views, built with shadcn charts/Recharts and Tanstack Table integration. | [Github](https://github.com/ardasisbot/linked-chart) | [Demo](https://linked-chart.vercel.app) | ★36 |
| Shadcn Cookies | A sleek and flexible cookie consent component for shadcn/ui, simplifying user cookie preference management with multiple variants and callbacks. | [Github](https://github.com/kaizenics/shadcn-cookies) | [Demo](https://shadcn-cookies.vercel.app) | ★35 |
| Rails UI | RailsUi offers shadcn/ui-inspired UI components for Rails, leveraging ViewComponents, ERB, and Stimulus for structured, modern UI development. | [Github](https://github.com/michelson/rails-ui) | [Demo](https://rails-ui-9389388c40ad.herokuapp.com/rails%20ui) | ★34 |
| Simple Image Uploader | A shadcn/ui inspired image uploader component with Zod validation, react-dropzone, and customizable Tailwind CSS styles for client-side React applications. | [Github](https://github.com/Cheveniko/simple-image-uploader) | [Demo](https://simple-image-uploader-bice.vercel.app) | ★34 |
| Shadcn Sidebar | A responsive sidebar component, resembling Twitter's UI, built with Shadcn UI, Tailwind CSS, and Next.js, for modern web applications. | [Github](https://github.com/max-programming/shadcn-sidebar) |  | ★32 |
| Basic Components | Leverage shadcn/ui-inspired server-side components in your Python web apps. Built with JinjaX, htmx, Alpine.js, and Tailwind CSS for easy integration. | [Github](https://github.com/basicmachines-co/basic-components) |  | ★31 |
| Shadcn UI React | A React component library providing up-to-date Shadcn/UI elements, installable individually and themeable with Tailwind CSS. | [Github](https://github.com/teovillanueva/shadcn-ui-react) | [Demo](https://ui.shadcn.com) | ★28 |
| Shadcn Table | A feature-rich Shadcn table component for Next.js, offering server-side data operations, dynamic filters, customizable columns, and optional advanced UI features. | [Github](https://github.com/whoisseth/shadcn-table) | [Demo](https://shadcn-table-vert.vercel.app) | ★27 |
| Nextemplate | A developer's toolkit of custom templates and components using Next.JS, shadcn/ui, and TailwindCSS for faster web project creation. | [Github](https://github.com/rudrodip/nextemplate) | [Demo](https://nextemplate.vercel.app) | ★27 |
| Shadcn File Upload | A React component for shadcn/ui projects, offering customizable drag-and-drop file uploads with layout options, built using react-dropzone for enhanced user experience. | [Github](https://github.com/kwesinavilot/shadcn-file-upload) | [Demo](https://kwesinavilot.github.io/shadcn-file-upload/) | ★26 |
| Custom Date Picker | An upgraded Shadcn UI DatePicker featuring month and year dropdowns for swift navigation, perfect for selecting dates far in the past or future. | [Github](https://github.com/candraKriswinarto/custom-date-picker) |  | ★26 |
| react-pdf-flipbook-viewer | A React component for viewing PDFs in an interactive flipbook style, featuring zoom, fullscreen, and keyboard navigation, built with Next.js. | [Github](https://github.com/mohitkumawat310/react-pdf-flipbook-viewer) |  | ★26 |
| Shadcn Inspired | Sysinfocus simple/ui: A Razor component library for Blazor, offering diverse, shadcn/ui-inspired elements for rapid UI development. | [Github](https://github.com/Sysinfocus/shadcn-inspired) | [Demo](https://sysinfocus.github.io/shadcn-inspired/) | ★25 |
| Qwikcn | A Qwik component collection offering shadcn/ui's customizability with copy-paste components, built using Qwik-UI and Modular Forms. Currently experimental. | [Github](https://github.com/x-ploration-of-mars/qwikcn) |  | ★25 |
| Recharts Gantt Chart | A developer component for creating interactive Gantt charts using Recharts with ShadCN-inspired styling, featuring zooming and brushing for enhanced data visualization. | [Github](https://github.com/rudrodip/recharts-gantt-chart) | [Demo](https://recharts-gantt-chart.rdsx.dev) | ★24 |
| Shadcn Vue Phone Input | A Vue phone input component built on Shadcn UI, offering customizable styling and modern design for seamless integration into your projects. | [Github](https://github.com/SidVerson/shadcn-vue-phone-input) | [Demo](https://shadcn-vue-phone-input.vercel.app) | ★23 |
| Mallaui | Malla UI offers reusable, shadcn-inspired components for Expo and React Native, simplifying mobile app UI development with easy integration. | [Github](https://github.com/ro-mgh/mallaui) | [Demo](https://www.mallaui.io/) | ★22 |
| Shadcn React Number Scrubber | A React component for draggable numeric input, built with shadcn/ui and inspired by Resolve, offering configurable and precise value adjustment. | [Github](https://github.com/camwebby/shadcn-react-number-scrubber) | [Demo](https://shadcn-react-number-scrubber.vercel.app) | ★22 |
| tanstack-ui-table | An enhanced React table component using Shadcn UI and TanStack Table, offering sorting, reordering, filtering, and data fetching capabilities for modern applications. | [Github](https://github.com/drefahl/tanstack-ui-table) |  | ★22 |
| Shadcn Advanced Table | Feature-packed React table for Shadcn UI, supporting sticky elements, pagination, sorting, and dynamic data, ideal for large datasets. | [Github](https://github.com/C-W-D-Harshit/shadcn-advanced-table) | [Demo](https://shadcn-advanced-table.cleverdeveloper.in) | ★20 |
| Shadcn Linear Filter | A React component for ShadCN UI, offering a sleek, linear-style interface to filter data in TanStack Tables effectively. | [Github](https://github.com/chrisdadev13/shadcn-linear-filter) |  | ★20 |
| Time Picker Svelte | A lightweight, customizable Svelte TimePicker for shadcn/ui integration or versatile headless use in your SvelteKit or Svelte projects. | [Github](https://github.com/1bye/time-picker-svelte) | [Demo](https://time-picker.nouro.app/) | ★20 |
| Fully Responsive Sidebar | A responsive sidebar component for Next.js, built with TypeScript, Tailwind CSS, ShadCN, and Lucide Icons, offering easy customization and smooth animations. | [Github](https://github.com/sulaimanbiswas/fully-responsive-sidebar) | [Demo](https://fully-responsive-sidebar.vercel.app/inventory) | ★18 |
| Shadcn Phone Input Svelte | Svelte port of shadcn-phone-input, now in shadcn-svelte-extras. Integrates svelte-tel-input for international phone number entry. | [Github](https://github.com/ieedan/shadcn-phone-input-svelte) | [Demo](https://shadcn-phone-input-svelte.vercel.app/) | ★18 |
| Solidjs UI | A SolidJS UI library offering beautiful and accessible components, inspired by shadcn-ui and built with ArkUI and Tailwind CSS for modern web interfaces. | [Github](https://github.com/alexwhitmore/solidjs-ui) |  | ★18 |
| Zod Schema Designer | A powerful component for visually creating and editing Zod schemas, easily integrated into projects using the shadcn CLI. | [Github](https://github.com/Bishoymly/zod-schema-designer) | [Demo](https://zod-schema-designer.bishoylabib.com) | ★16 |
| Shadcn Table Sandbox | A Shadcn UI table component built with the 'unstyled-table' package, offering style and customizability for data display in React applications. | [Github](https://github.com/sadmann7/shadcn-table-sandbox) | [Demo](https://codesandbox.io/p/sandbox/shadcn-table-lge3cv?embed=1) | ★15 |
| Edge UI | EdgeUI is a React component library, based on shadcn-ui, offering RSC compatibility, theme/layout components, and hooks for versatile UI development. | [Github](https://github.com/neplextech/edge-ui) | [Demo](https://ui.neplextech.com) | ★14 |
| Shadcn Comments | A shadcn-react component for creating multi-functional, GitHub-style comment sections in React, simplifying development for beginners. | [Github](https://github.com/tecklens/shadcn-comments) | [Demo](https://shadcn-comment.pages.dev/) | ★14 |
| UI Cart | A Next.js project providing custom-made, reusable components and blocks built upon Shadcn, enhancing your UI development toolkit. | [Github](https://github.com/bwestwood11/ui-cart) | [Demo](https://ui-cart-shadn-cli.vercel.app) | ★14 |
| Shadcn Time Range Picker | A React component for intuitive time range selection, powered by shadcn/ui, offering deep customization for start/end times and UI elements. | [Github](https://github.com/fatihcaliss/shadcn-time-range-picker) |  | ★13 |
| Datagrid | An Angular datagrid component integrating TanStack Table with shadcn-ng styling for modern, responsive data presentation. | [Github](https://github.com/radix-ng/datagrid) | [Demo](https://shadcn-datagrid.vercel.app) | ★13 |
| Shaduxe UI | shaduxe/ui offers advanced, beautifully designed components built with Tailwind v4, extending shadcn/ui. Effortlessly install, customize, and deploy reusable UI elements. | [Github](https://github.com/BankkRoll/shaduxe-ui) | [Demo](https://ui.shaduxe.com) | ★13 |
| Fresh Shadcn Buttons | A Preact-compatible button component library inspired by Shadcn UI, designed for Deno Fresh, offering diverse styles and animations. | [Github](https://github.com/mit-27/fresh-shadcn-buttons) | [Demo](https://fresh-shadcn-buttons.deno.dev/) | ★13 |
| Sharkui | This project aimed to bring a highly popular 2023 component library to Vue. Development is currently paused. MIT Licensed. | [Github](https://github.com/vincentdorian/sharkui) |  | ★12 |
| Markdown Lexical Editor | A Next.js project providing a customizable Markdown WYSIWYG editor built with Lexical and Shadcn UI for React applications. | [Github](https://github.com/Mimetis/markdown-lexical-editor) | [Demo](https://markdown-lexical-editor-izv5.vercel.app/) | ★12 |
| Kaif UI | Kaif UI: Open-source library for stunning UIs using Next.js, Tailwind CSS, Framer Motion, and ShadCN UI components. | [Github](https://github.com/MuhammadKaifNazeer/kaif-ui) | [Demo](https://kaif-ui.vercel.app/) | ★11 |
| multi-selection | A React multi-selection component with Tailwind CSS, Shadcn UI, add/remove buttons, and text highlighting. Enhances user interaction for selecting multiple items. | [Github](https://github.com/sherifawad/multi-selection-with-add-remove) | [Demo](https://multi-selection-with-add-remove.vercel.app) | ★11 |
| UI | An npm package offering components from shadcn/ui for easier integration. Note its versioning is independent of shadcn/ui component updates. | [Github](https://github.com/lukeshay/ui) | [Demo](https://lukeshay.github.io/ui/) | ★10 |
| Chyn | A headless component library for Web3, powered by shadcn/ui, wagmi, and viem, enabling custom dApp interface development. | [Github](https://github.com/spilnotaxyz/chyn) | [Demo](https://chyn.spilnota.xyz) | ★10 |
| Shadcn Creatable Select | Integrate a creatable select component into your shadcn/ui applications, allowing users to dynamically add new selectable options. | [Github](https://github.com/merthanmerter/shadcn-creatable-select) |  | ★8 |
| shadcn-packaged | An npm package providing all shadcn/ui components without a CLI, offering ease of use with all necessary files and type declarations. | [Github](https://github.com/anuoua/shadcn-packaged) |  | ★8 |
| UI | Kico UI offers pre-designed components using shadcn-ui, Tailwind CSS, and Ant Design. Simply copy and paste to build responsive, beautiful apps. | [Github](https://github.com/kico-ui/ui) | [Demo](https://ui-zeta-nine.vercel.app) | ★5 |
| Cssential | CSSential provides minimal, CSS-only UI components. Designed for simplicity and resilience, they require no JavaScript or dependencies—just copy, paste, and integrate. | [Github](https://github.com/mogrene/cssential) | [Demo](https://cssential.mogrene.com) | ★4 |
| Stepperize | Stepperize is a lightweight React library for building intuitive, type-safe multi-step experiences, offering minimal boilerplate and maximum developer control. | [Github](https://github.com/damianricobelli/shadcn-stepper) | [Demo](https://stepperize.vercel.app) | ★3 |
| Shadcn Blocks | A collection of pre-built, modern UI blocks for shadcn/ui. Easily copy and paste dashboards, authentication pages, and more into your React applications. |  | [Demo](https://ui.shadcn.com/blocks) |  |
| Shadcnblocks.com - Pro Shadcn Blocks | A vast library of 700+ copy-paste UI blocks and components for Shadcn UI, Tailwind CSS, and React, accelerating web development. |  | [Demo](https://www.shadcnblocks.com/blocks?ref=serpuiaffiliate) |  |
| Expo UI Nklmantey | A collection of reusable UI components for diverse applications, drawing design inspiration from Vercel's design system and the popular shadcn ui. | [Github](https://github.com/nklmantey/expo-ui-nklmantey) |  |  |
| Finalgoal Shadcn Sidebar | A visually impressive, functional, and responsive retractable sidebar component for Next.js, built with the shadcn/ui library for easy integration. | [Github](https://github.com/Finalgoal231/finalgoal-shadcn-sidebar) | [Demo](https://shadcn-ui-sidebar.salimi.my/dashboard) |  |
| Skiper UI | Accessible, customizable, open-source components for modern websites, built with React, Tailwind, and Framer Motion. Copy and paste to accelerate development. |  | [Demo](https://skiper-ui.com/?ref=serpuiaffiliate) |  |
| Pro Motion Primitives | Develop engaging websites with Motion-Primitives Pro's premium, handcrafted motion components, sections, and templates, designed for modern web development. |  | [Demo](https://pro.motion-primitives.com/?ref=serpuiaffiliate) |  |
| Dialog Stack | Kibo UI offers a curated collection of open-source, composable, and accessible components, built to seamlessly integrate with and extend shadcn/ui. | [Github](https://github.com/haydenbleasel/dialog-stack) | [Demo](https://dialog-stack.haydenbleasel.com/) |  |
| Salad ui | A Phoenix LiveView component library inspired by shadcn UI, offering a collection of customizable elements for rapid UI development. | [Github](https://github.com/bluzky/salad%20ui) | [Demo](https://salad-storybook.fly.dev/welcome) |  |
| Aceternity UI | A library of copy-paste React and Tailwind CSS components with built-in animations, enabling rapid development of modern, visually appealing websites. |  | [Demo](https://ui.aceternity.com/?ref=serpuiaffiliate) |  |
| Gatsby Themes | A library for rapid UI development, offering style props, color modes, themes, variants, starter kits, and blocks for Gatsby and Next.js sites. | [Github](https://github.com/shadcn/gatsby-themes) | [Demo](https://github.com/reflexjs/reflexjs) |  |
| Shadcn Charts | Official Shadcn UI chart library powered by Recharts. Provides a suite of ready-to-use, copy-paste chart components for modern application development. |  | [Demo](https://ui.shadcn.com/charts) |  |
| Shadcn flutter | An unofficial Flutter port of Shadcn/UI, providing a rich set of widgets and utilities for streamlined, cross-platform application development. | [Github](https://github.com/sunarya-thito/shadcn%20flutter) | [Demo](https://sunarya-thito.github.io/shadcn%20flutter/) |  |
| midday-components | A collection of open-source components, including AI editors and invoice tools, derived from Midday to accelerate developer workflows. |  | [Demo](https://midday.ai/components) |  |
| Franken UI | An open-source library of accessible, customizable, HTML-first UI components. Built with UIkit 3 & LitElement, inspired by shadcn/ui. |  | [Demo](https://www.franken-ui.dev/) |  |
| next-js-views-template | An open-source set of reusable Next.js/ShadCN view components like Calendar and Table for rapid, responsive, and customizable UI development. |  | [Demo](https://next-js-views-template.vercel.app) |  |
| 8bitcn.com | An open-source collection of 8-bit styled, accessible components and a code distribution platform, compatible with popular frameworks. |  | [Demo](https://www.8bitcn.com/) |  |
| aceternity-ui | A library of trendy, animated React components for Next.js, built with TailwindCSS and Framer Motion, ready for easy copy-paste integration. |  | [Demo](https://ui.aceternity.com/) |  |
| autocomplete-select-shadcn-ui | A custom autocomplete component using Shadcn UI and Fancy Multi Select, offering loading/disabled states and customizable features for developers. |  | [Demo](https://www.armand-salle.fr/post/autocomplete-select-shadcn-ui) |  |
| buouui | BuouUI: A shadcn/ui-based UI library and template suite with stunning landing pages, templates, rich animations, and TailwindCSS. |  | [Demo](https://buouui.com) |  |
| clerk-elements | Build bespoke authentication interfaces using Clerk Elements, a library of composable UI components designed for Clerk's APIs and custom styling. |  | [Demo](https://clerk.com/docs/elements/examples/shadcn-ui) |  |
| cult-ui | A curated collection of animated, Shadcn-style React components, styled with Tailwind CSS, for rapid and stylish UI development. |  | [Demo](https://www.cult-ui.com/) |  |
| date-time-range-picker-shadcn | A comprehensive suite of React components for selecting dates, times, and ranges, featuring presets, customization, and accessibility. |  | [Demo](https://date-time-range-picker.vercel.app/) |  |
| datetime-picker | A Storybook-showcased Shadcn datetime picker with timezone support, min/max date limits, and easy month/year navigation for modern UIs. |  | [Demo](https://shadcn-datetime-picker-xi.vercel.app) |  |
| druid/ui | Druid/UI offers Intercom-style AI chatbot components built upon shadcn/ui, providing an interactive chat interface for AI-powered or automated system communication. |  | [Demo](https://druidui.com/) |  |
| dy-comps | A collection of meticulously crafted React components using Next.js, TypeScript, ShadCN, and Framer Motion for modern, performant, and customizable web development. |  | [Demo](https://dycomps.oimmi.com/) |  |
| edil-ozi | A React component library integrating GSAP, Framer Motion, and Tailwind CSS for customizable, accessible, and efficiently developed user experiences. |  | [Demo](https://edilozi.pro/) |  |
| event-timeline-roadmap | Versatile UI components for creating customizable, animated event timelines and roadmaps, speeding up web development with pre-built blocks. |  | [Demo](https://roadmap.hncore.website/) |  |
| extend-ui | Extend UI offers reusable, performance-optimized components built on shadcn/ui, accelerating web application development with easy integration for React and Next.js projects. |  | [Demo](https://www.extend-ui.com/) |  |
| fancy-area | A React textarea component offering GitHub-style @mentions, markdown preview, and hover cards, built without external editor libraries. |  | [Demo](https://craft.mxkaske.dev/post/fancy-area) |  |
| fancy-box | A Next.js Combobox component inspired by GitHub's PR label selector, built with shadcn/ui, Radix UI, and styled with Tailwind CSS. |  | [Demo](https://craft.mxkaske.dev/post/fancy-box) |  |
| fancy-multi-select | A lightweight SvelteKit multi-select component, influenced by campsite.design and cal.com, offering keyboard accessibility and powered by cmdk. |  | [Demo](https://craft.mxkaske.dev/post/fancy-multi-select) |  |
| gluestack-ui | A comprehensive React and React Native component library using Tailwind CSS for modern, high-performance web and mobile apps. |  | [Demo](https://gluestack.io) |  |
| hexta-ui | A Next.js UI toolkit offering contemporary, adaptable components. Modify and integrate them to create polished, high-performance web experiences. |  | [Demo](https://hextaui.com) |  |
| inspira-ui | An open-source library of animated UI components, enabling developers to build beautiful and dynamic websites with Vue and NuxtJS. |  | [Demo](https://inspira-ui.com/) |  |
| junwen-k/ui-x | ui-x offers additional beautifully designed components for your apps, focusing on accessibility, customization, and open-source principles, extending shadcn/ui. |  | [Demo](https://ui-x.junwen-k.dev/) |  |
| kibo-ui | Kibo UI extends shadcn/ui, offering advanced, composable React components like tables and AI chat primitives for building richer UIs faster. |  | [Demo](https://www.kibo-ui.com/overview) |  |
| kokonut-ui | Kokonut UI offers 100+ open-source, customizable components built with Tailwind CSS and shadcn/ui, perfect for Next.js and React projects. |  | [Demo](https://kokonutui.com/) |  |
| lukacho-ui | Lukacho UI offers a suite of next-generation UI components, charts, and animations, built with React.js and TailwindCSS for crafting dynamic user interfaces. |  | [Demo](https://ui.lukacho.com/components) |  |
| mvpblocks | Access prebuilt, responsive UI components with animations. Copy-paste to build faster and launch MVPs sooner, eliminating styling concerns. |  | [Demo](https://blocks.mvp-subha.me) |  |
| nextjs-components | A collection of Next.js and TypeScript components, built with shadcn/ui, for quickly creating websites and landing pages. |  | [Demo](https://components.bridger.to/) |  |
| number-flow | A dependency-free, accessible, and customizable React component for animating number transitions. It offers rich formatting options and fine-grained control over animations. |  | [Demo](https://number-flow.barvian.me/) |  |
| omi3/ui | Omi3/UI provides developers with audio-focused UI components, distributed via a shadcn/ui registry, for building rich web-based audio experiences. |  | [Demo](https://omi3.ouestlabs.com/) |  |
| origin-ui | An open-source collection of elegant, copy-and-paste UI components built with Tailwind CSS and React for rapid application development. |  | [Demo](https://originui.com/) |  |
| password-input | A dedicated custom password input component designed for shadcn/ui, enhancing form security and user experience with easy integration. | [Github](https://gist.github.com/mjbalcueva/b21f39a8787e558d4c536bf68e267398) |  |  |
| phone-input-shadcn-ui | A customizable phone number input component for Shadcn UI, enhancing forms with country selection, dynamic formatting, and validation capabilities. |  | [Demo](https://www.armand-salle.fr/post/phone-input-shadcn-ui) |  |
| plate-select-editor | A sophisticated multi-select editor component based on Plate, offering rich features like history, native navigation, and dynamic tag management for developers. |  | [Demo](https://platejs.org/docs/multi-select) |  |
| react-highlight-popover | A headless React component for easily implementing customizable popovers that appear on user text selection, offering full styling control. |  | [Demo](https://react-highlight-popover.omsimos.com) |  |
| react-select | Integrate feature-rich select inputs into your React applications, styled with modern shadcn UI aesthetics for a seamless user experience. | [Github](https://gist.github.com/ilkou/7bf2dbd42a7faf70053b43034fc4b5a4) |  |  |
| react-whell-picker | A React component mimicking iOS wheel pickers, featuring smooth inertia scrolling, infinite loop support, and complete styling customization for enhanced user interaction. |  | [Demo](https://react-wheel-picker.chanhdai.com/) |  |
| retro-ui | A React and TailwindCSS UI library inspired by neo-brutalism, offering unique components for modern web apps, compatible with Shadcn/ui. |  | [Demo](https://retroui.dev) |  |
| shadcn-blocks-com | Access an expansive collection of 631+ expertly crafted, responsive blocks and components for Shadcn UI, Tailwind CSS, and React, ready for immediate integration. |  | [Demo](https://www.shadcnblocks.com) |  |
| shadcn-cal | A developer template replicating Cal.com's monthly calendar interface using Shadcn UI, Radix Colors, and React Aria for modern web applications. |  | [Demo](https://shadcn-cal-com.vercel.app/?date=2024-04-29) |  |
| shadcn-chatbot-kit | Develop stunning, user-owned chatbot interfaces swiftly using this shadcn/ui-inspired toolkit, perfect for AI-centric applications. |  | [Demo](https://shadcn-chatbot-kit.vercel.app/) |  |
| shadcn-color-picker | A React component for integrating a sophisticated color picker into shadcn/ui projects, utilizing \`react-color\` for rich functionality and a disabled state option. |  | [Demo](https://shadcn-color-picker.vercel.app/) |  |
| shadcn-cookies | A versatile cookie consent component for shadcn/ui, offering multiple styles and easy integration for modern web applications. |  | [Demo](https://shadcn-cookies.vercel.app/) |  |
| shadcn-country-dropdown | A React component for shadcn/ui, offering an ISO 3166 compliant country selector with flags, search, and customization options for developers. |  | [Demo](https://shadcn-country-dropdown.vercel.app/) |  |
| shadcn-date-picker | An enhanced Shadcn date picker using react-day-picker v9. Offers year navigation, single/range selection, and improved usability for modern applications. |  | [Demo](https://date-picker.luca-felix.com) |  |
| shadcn-font-picker | A React font picker component leveraging Shadcn UI and the Google Fonts API, offering dynamic font selection and preview for web projects. |  | [Demo](https://shadcn-font-picker.vercel.app) |  |
| shsfui | A motion-first React component library built with TypeScript, Tailwind CSS, Framer Motion, and shadcn/ui, delivering elegant and effortless UI development. |  | [Demo](https://www.shsfui.com) |  |
| simple-ai | Open-source library of AI UI components, app blocks, and React Flow workflows to accelerate development, built with shadcn/UI and Vercel AI SDK. |  | [Demo](https://simple-ai.dev) |  |
| simple-image-uploader | A React image uploader component featuring drag-and-drop, Zod validation, and image previews, built using shadcn/ui and react-dropzone for seamless integration. |  | [Demo](https://simple-image-uploader-bice.vercel.app/) |  |
| skiper-ui | A UI library offering pre-designed, modern components in the shad-cn style for Next.js & React, enabling rapid, distinctive website development. |  | [Demo](https://skiper-ui.com/) |  |
| solanauth | A responsive Solana wallet authentication and account modal for Next.js, featuring NextAuth integration and shadcn/ui components for modern dApps. |  | [Demo](https://solanauth.vercel.app/) |  |
| vaul | Vaul is a dedicated React component for implementing drawer UIs, offering a simple way to add interactive panels for navigation or content. |  | [Demo](https://vaul.emilkowal.ski/) |  |
| animata | Discover a free, open-source library of hand-crafted ReactJS animations and interactive effects, designed for easy copy-paste integration into your applications. |  | [Demo](https://animata.design) |  |

## Boilerplates & Starters

| Name | Description | Link | Demo | Stars |
|------|-------------|------|------|-------|
| Vue Vben Admin | Vue Vben Admin is a free, open-source backend template using Vue3, Vite, and TypeScript, providing an out-of-the-box solution for developers. | [Github](https://github.com/vbenjs/vue-vben-admin) | [Demo](https://www.vben.pro) | ★28527 |
| Nextjs Saas Starter | A Next.js starter template for SaaS applications, featuring Postgres, Drizzle, Stripe payments, authentication, and a user dashboard. | [Github](https://github.com/nextjs/saas-starter) | [Demo](https://next-saas-start.vercel.app) | ★12553 |
| Next Forge | Next-Forge provides a robust Turborepo starter for Next.js, designed to accelerate SaaS application development with pre-built, production-ready features. | [Github](https://github.com/haydenbleasel/next-forge) | [Demo](https://www.next-forge.com/) | ★6095 |
| SaaS Boilerplate | Open-source Next.js SaaS boilerplate with Tailwind CSS, Shadcn UI, TypeScript. Features Auth, Multi-tenancy, i18n, DB, and more for rapid development. | [Github](https://github.com/ixartz/SaaS-Boilerplate) | [Demo](https://react-saas.com/) | ★5648 |
| Fragments | An open-source Next.js 14 starter, Fragments by E2B empowers developers to construct AI-generated applications using the robust E2B SDK for code execution. | [Github](https://github.com/e2b-dev/fragments) | [Demo](https://fragments.e2b.dev) | ★5489 |
| Skateshop | Skateshop is an open-source e-commerce platform built with Next.js 14, designed for easy customization and development of online stores. | [Github](https://github.com/sadmann7/skateshop) | [Demo](https://skateshop.sadmn.com) | ★5425 |
| Next Shadcn Dashboard Starter | A Next.js 15 starter template for admin dashboards, featuring Shadcn UI, TypeScript, Clerk auth, and Tailwind CSS v4 for rapid development. | [Github](https://github.com/Kiranism/next-shadcn-dashboard-starter) | [Demo](https://dub.sh/shadcn-dashboard) | ★4545 |
| cloudflare-saas-stack | A comprehensive starter kit for building and deploying scalable SaaS products on Cloudflare, featuring Next.js, Drizzle ORM, and NextAuth. | [Github](https://github.com/Dhravya/cloudflare-saas-stack) |  | ★3489 |
| V1 | An open-source Next.js monorepo starter kit, built on Midday's experience, designed to accelerate production-ready SaaS development with best practices. | [Github](https://github.com/midday-ai/v1) | [Demo](https://v1.run) | ★3474 |
| Basic | An out-of-the-box Vue3 admin framework, Fantastic-admin supports various UI kits, rich themes, and responsive design for PC, tablet, and mobile. | [Github](https://github.com/fantastic-admin/basic) | [Demo](https://fantastic-admin.hurui.me) | ★2914 |
| Next Saas Stripe Starter | A Next.js 14 open-source SaaS starter with user roles, admin panel, Stripe, Prisma, Auth.js v5, and Shadcn/ui for rapid application development. | [Github](https://github.com/mickasmt/next-saas-stripe-starter) | [Demo](https://next-saas-stripe-starter.vercel.app) | ★2579 |
| Saasfly | Saasfly is an open-source Next.js boilerplate, offering a complete solution to build and deploy scalable SaaS applications quickly and efficiently. | [Github](https://github.com/saasfly/saasfly) | [Demo](https://show.saasfly.io) | ★2475 |
| Nextjs Starter Kit | A feature-rich Next.js 15 starter template for building production-ready SaaS applications with Tailwind CSS, TypeScript, auth, payments, and more. | [Github](https://github.com/michaelshimeles/nextjs14-starter) | [Demo](https://www.nextstarter.xyz/) | ★2193 |
| Spartan | Spartan offers a mono-repo with \`spartan/stack\` for full-stack Angular and \`spartan/ui\`, an Angular port of shadcn/ui, providing cutting-edge tools. | [Github](https://github.com/goetzrobin/spartan) | [Demo](https://spartan.ng) | ★1954 |
| Shadcn Landing Page | A free, open-source landing page template using Shadcn/UI, React, TypeScript, and Tailwind CSS. Build professional web frontends with pre-built sections effortlessly. | [Github](https://github.com/leoMirandaa/shadcn-landing-page) | [Demo](https://shadcn-landing-page.vercel.app) | ★1604 |
| Tauri UI | Starter templates for building sleek Tauri desktop apps using shadcn/ui, supporting React, Next.js, and SvelteKit for rapid development. | [Github](https://github.com/agmmnn/tauri-ui-boilerplate) | [Demo](https://npmjs.com/package/create-tauri-ui) | ★1540 |
| Next Template | A Next.js 13 starter template integrating Radix UI and Tailwind CSS for rapid development of accessible, modern web applications. | [Github](https://github.com/shadcn/next-template) | [Demo](https://template.shadcn.com) | ★1463 |
| Relivator Nextjs Template | Relivator is a robust Next.js eCommerce template with modern tech for fast, scalable online stores, accelerating development. | [Github](https://github.com/blefnk/relivator-nextjs-starter) | [Demo](https://relivator.com/en) | ★1319 |
| Relivator Nextjs Template | Relivator: A robust Next.js 15 ecommerce starter template. Build fast, modern, and scalable online stores with a comprehensive tech stack. | [Github](https://github.com/blefnk/relivator) | [Demo](https://relivator.reliverse.org) | ★1319 |
| Chadnext | A Next.js 15 starter template featuring App Router, Shadcn UI, LuciaAuth, Prisma, Stripe, and internationalization for rapid project development. | [Github](https://github.com/moinulmoin/chadnext) | [Demo](https://chadnext.moinulmoin.com) | ★1179 |
| Next Wp | A Next.js starter for WordPress, featuring type-safe REST API integration, React Server Components, and pre-built UI elements for accelerated development. | [Github](https://github.com/9d8dev/next-wp) | [Demo](https://next-wp.com) | ★957 |
| Orbitkit | Orbitkit provides a comprehensive monorepo starterkit, serving as the robust foundation for your next startup or ambitious software idea. | [Github](https://github.com/ixahmedxi/orbitkit) |  | ★905 |
| Dillion Personal Site | A Next.js 14 template for minimalist developer portfolios, using React, TailwindCSS, Shadcn UI, and Magic UI for rapid setup and deployment. | [Github](https://github.com/dillionverma/portfolio) | [Demo](https://portfolio-magicui.vercel.app) | ★894 |
| Mvp Boilerplate | A comprehensive Flutter & Next.js boilerplate to accelerate your MVP. Includes Supabase, Stripe, Posthog, and more for a production-ready start. | [Github](https://github.com/devtodollars/mvp-boilerplate) | [Demo](https://devtodollars.com) | ★883 |
| Shadcn Landing Page | A Next.js landing page template using Shadcn UI, TypeScript, and Tailwind CSS. Easy to use and customize for modern web projects. | [Github](https://github.com/nobruf/shadcn-landing-page) | [Demo](https://shadcn-landing-page-livid.vercel.app) | ★861 |
| Next Starter | Feature-rich Next.js starter with TypeScript, Tailwind CSS, Next-auth, Stripe, and testing. Accelerate your development with efficiency and modern tools. | [Github](https://github.com/Skolaczk/next-starter) | [Demo](https://next-starter-skolaczk.vercel.app/) | ★827 |
| Shadcn Nextjs Contentlayer | A Next.js 13 boilerplate with the app directory, Contentlayer for content management, Tailwind CSS styling, and integrated dark mode. | [Github](https://github.com/shadcn/next-contentlayer) | [Demo](https://next-contentlayer.vercel.app/) | ★709 |
| Turborepo Shadcn UI | A Turborepo boilerplate featuring pre-configured shadcn/ui, TypeScript, ESLint, and Prettier for streamlined monorepo development using pnpm. | [Github](https://github.com/dan5py/turborepo-shadcn-ui) |  | ★620 |
| Cult Directory Template | A Next.js, Shadcn, Supabase directory template to build startup directories with user authentication, product filters, customizable themes, admin perks, and AI features. | [Github](https://github.com/nolly-studio/cult-directory-template) | [Demo](https://nextjs.design) | ★588 |
| One Stop Shop Ecommerce Starter | A Next.js 13 App Router boilerplate for online marketplaces, featuring server components, Drizzle ORM, Clerk auth, and Stripe. | [Github](https://github.com/jackblatch/OneStopShop) | [Demo](https://onestopshop.jackblatch.com/) | ★587 |
| Portfolio | A developer-focused portfolio template using Next.js and Shadcn UI, featuring easy customization via a central configuration for a sleek, modern presentation. | [Github](https://github.com/taqui-786/Portfolio) | [Demo](https://mdtaquiimam.vercel.app/) | ★559 |
| Next Supabase Stripe Starter | A comprehensive SaaS boilerplate with Next.js 15, Supabase for backend/auth, Stripe for payments, and shadcn/ui for a modern component library. | [Github](https://github.com/KolbySisk/next-supabase-stripe-starter) | [Demo](https://next-supabase-stripe-starter-demo-mnqz.vercel.app) | ★557 |
| Rapidlaunch | Accelerate MVP launches with customizable Next.js SaaS starterkits, UI components, and modular blocks. Open-source and developer-centric. | [Github](https://github.com/alifarooq9/rapidlaunch) | [Demo](https://launchmvpfast.com) | ★547 |
| Saas Kit Prisma | A modern boilerplate for SAAS apps using React, Next.js, Prisma, and Tailwind. Includes authentication, payments, and admin dashboard to accelerate development. | [Github](https://github.com/Saas-Starter-Kit/Saas-Kit-prisma) | [Demo](https://www.saasstarterkit.com/dashboard/test243/main) | ★546 |
| Nextjs Sessionauth Template | A Next.js starter template for building applications with Lucia session-based authentication, Drizzle ORM, Stripe, Tailwind CSS, and React Email. | [Github](https://github.com/saasykits/nextjs-sessionauth-template) | [Demo](https://next-lucia.vercel.app) | ★528 |
| Shadcn Docs Nuxt | An open-source Nuxt Content documentation theme, powered by shadcn-vue, offering a beautiful and customizable design for developers. | [Github](https://github.com/ZTL-UwU/shadcn-docs-nuxt) | [Demo](https://shadcn-docs-nuxt.nuxt.dev/) | ★521 |
| Shadcn Nextjs Boilerplate | Open-source Shadcn UI, NextJS, Tailwind CSS boilerplate for rapidly building Chat AI SaaS applications with a ChatGPT UI dashboard. | [Github](https://github.com/horizon-ui/shadcn-nextjs-boilerplate) | [Demo](https://horizon-ui.com/shadcn-nextjs-boilerplate) | ★518 |
| Larasonic | Larasonic is an open-source SaaS starter kit with Laravel, Vue.js, TailwindCSS, and Inertia, designed for rapid modern SaaS application development. | [Github](https://github.com/pushpak1300/Larasonic) | [Demo](https://larasonic.com) | ★513 |
| Tanstarter | A minimal TanStack Start template featuring React 19, Better Auth, Drizzle ORM, Tailwind CSS v4, and shadcn/ui for rapid web application development. | [Github](https://github.com/dotnize/tanstarter) | [Demo](https://tanstarter.nize.ph) | ★498 |
| Shadcnui Boilerplate | A shadcn/ui boilerplate packed with tools like React, Tailwind, Vite, and Storybook for swift modern web application development. | [Github](https://github.com/TinsFox/shadcnui-boilerplate) | [Demo](https://shadcnui-boilerplate.vercel.app) | ★477 |
| Nextjs Mdx Blog | A Next.js App Router starter for blogs, integrating Contentlayer, MDX, shadcn-ui, and Tailwind CSS for swift project kickstarts. | [Github](https://github.com/ChangoMan/nextjs-mdx-blog) | [Demo](https://nextjs-typescript-mdx-blog.vercel.app) | ★419 |
| Plotwist | An open-source Next.js boilerplate for developers to quickly build feature-rich movie, series, and anime review and management directory websites. | [Github](https://github.com/plotwist-app/plotwist) | [Demo](https://plotwist.app) | ★412 |
| Next.js Blog App | A multi-user blogging application template built with Next.js App Router and Supabase for authentication, database, and storage, enabling swift development. | [Github](https://github.com/timtbdev/Next.js-Blog-App) | [Demo](https://ink.mn) | ★403 |
| Shadcn Cal Com | A Next.js starter project replicating Cal.com's monthly calendar, utilizing Shadcn UI, Radix Colors, and React Aria for modern interfaces. | [Github](https://github.com/damianricobelli/shadcn-cal-com) | [Demo](https://shadcn-cal-com.vercel.app) | ★395 |
| Nextjs 15 Starter | An advanced Next.js 15 starter, Next Forge offers built-in i18n, Tailwind CSS, and SEO tools for rapid development of globally-accessible web applications. | [Github](https://github.com/weijunext/clean-nextjs-starter) | [Demo](https://starter.weijunext.com) | ★394 |
| Electron Shadcn | A comprehensive Electron boilerplate featuring Vite, TypeScript, React, Tailwind CSS, and shadcn-ui for rapid desktop application development. | [Github](https://github.com/LuanRoger/electron-shadcn) |  | ★391 |
| SAASY LAND Next 14 Starters With Authentication And Database Implemented | Open-source Next.js 14 starter templates for full-stack and SAAS. Includes Tailwind CSS, ShadCn/ui, Next-Auth, and various database configurations. | [Github](https://github.com/pjborowiecki/SAASY-LAND-Next-14-Starters-With-Authentication-And-Database-Implemented) | [Demo](https://saasyland.com) | ★386 |
| Cella | Cella is a single-stack TypeScript template for building modern web applications, featuring robust data synchronization and offline capabilities out-of-the-box. | [Github](https://github.com/cellajs/cella) | [Demo](https://cellajs.com) | ★385 |
| Nuxt Shadcn Dashboard | A starter template for building responsive dashboards, leveraging Nuxt 3, Shadcn UI components, and the utility-first UnoCSS framework for rapid development. | [Github](https://github.com/dianprata/nuxt-shadcn-dashboard) |  | ★381 |
| Shadcn Vue Landing Page | An easy-to-use landing page template with Shadcn-Vue, Vue.js, TypeScript, and Tailwind CSS, perfect for quickly launching modern web projects. | [Github](https://github.com/leoMirandaa/shadcn-vue-landing-page) | [Demo](https://shadcn-vue-landing-page.vercel.app) | ★369 |
| Astro Erudite | astro-erudite is an opinionated, unstyled static blogging template. Built with Astro, Tailwind, and shadcn/ui for developers seeking flexibility. | [Github](https://github.com/jktrn/astro-erudite) | [Demo](https://astro-erudite.vercel.app) | ★356 |
| ChatGPT | A Next.js 14 boilerplate for building a ChatGPT-like AI, featuring Shadcn-UI, Prisma, NextAuth, and OpenAI integration for developers. | [Github](https://github.com/nisabmohd/ChatGPT) |  | ★340 |
| Kaminari | Kaminari is a Next.js starter template, pre-configured with Tailwind CSS and shadcn-ui, designed to accelerate your web development projects. | [Github](https://github.com/lucky-chap/kaminari) | [Demo](https://kaminari.vercel.app) | ★340 |
| Dnd Dashboard | A Next.js starter showcasing performant, customizable dashboards with drag-and-drop layouts, built using shadcn/ui and swapy for a modern UI. | [Github](https://github.com/olliethedev/dnd-dashboard) |  | ★323 |
| Hikari | Jumpstart your SaaS project with this Next.js 14, Supabase, and Stripe powered starter, featuring App Router and essential SaaS functionalities. | [Github](https://github.com/antoineross/Hikari) | [Demo](https://hikari.antoineross.com) | ★322 |
| Next Auth Roles Template | An open-source Next.js 14 template featuring Auth.js v5, user roles, an admin panel, and a CLI for easy blog/docs removal. | [Github](https://github.com/mickasmt/next-auth-roles-template) | [Demo](https://next-auth-roles-template.vercel.app) | ★310 |
| easy-ui | Access 50+ high-quality, open-source website templates built with Next.js, shadcn/ui, Tailwind CSS, and Framer Motion to accelerate web development. | [Github](https://github.com/DarkInventor/easy-ui) | [Demo](https://www.easyui.pro/) | ★308 |
| Digital Garden | A feature-rich, open-source starter for building modern developer blogs or digital gardens using Next.js, MDX, Contentlayer, and Tailwind CSS. | [Github](https://github.com/thedevdavid/digital-garden) | [Demo](https://thedevdavid-digital-garden.vercel.app/) | ★301 |
| Supa Next Starter | A feature-rich Next.js 14 and Supabase starter kit with Tailwind CSS, shadcn/ui, and comprehensive tooling for efficient full-stack development. | [Github](https://github.com/michaeltroya/supa-next-starter) |  | ★299 |
| Next Prisma Tailwind Ecommerce | A full-stack open-source e-commerce platform with admin panel, built using Next.js, TypeScript, Prisma, and Tailwind CSS for developers. | [Github](https://github.com/Accretence/next-prisma-tailwind-ecommerce) | [Demo](https://store.accretence.com) | ★288 |
| Next Prisma Tailwind Ecommerce | A full-stack e-commerce solution with storefront and CMS admin, built using Next.js 14, TypeScript, Tailwind CSS, and Prisma. | [Github](https://github.com/sesto-dev/next-prisma-tailwind-ecommerce) | [Demo](https://pasargad.vercel.app) | ★288 |
| Sveltekit Auth | An open-source Sveltekit authentication starter project using Lucia, shadcn-svelte, Drizzle, Zod, and Superforms for a production-ready setup. | [Github](https://github.com/delay/sveltekit-auth) | [Demo](https://sveltekit-auth-alpha.vercel.app) | ★279 |
| Next App Starter | A comprehensive Next.js starter kit featuring Tailwind CSS, React Query, Zod, React Hook Form, NextAuth, and Jotai for rapid app development. | [Github](https://github.com/jellydn/next-app-starter) | [Demo](https://next-app-starter.productsway.com) | ★273 |
| Tauri2 Svelte5 Shadcn | A ready-to-use boilerplate integrating Tauri 2, Svelte 5, and Shadcn-svelte for modern desktop application development, including pre-configured CI/CD pipelines. | [Github](https://github.com/alysonhower/tauri2-svelte5-shadcn) |  | ★266 |
| Giga Stack Next.js Starter | Giga Stack is an experimental edge stack inspired by T3 and Shadcn Taxonomy, featuring Next.js 13, tRPC, Clerk, Drizzle ORM, and Shadcn/ui. | [Github](https://github.com/ploskovytskyy/next-app-router-trpc-drizzle-planetscale-edge) | [Demo](https://giga-stack.vercel.app/) | ★256 |
| t3-app-template | A starter template for building responsive admin interfaces using the T3 Stack, integrated with shadcn/ui for a modern look and feel. | [Github](https://github.com/gaofubin/t3-app-template) | [Demo](https://t3-app-template.vercel.app) | ★253 |
| Launch UI | Production-ready website components using Next.js, Shadcn/ui, and Tailwind CSS for developers to quickly build modern, responsive sites. | [Github](https://github.com/launch-ui/launch-ui) | [Demo](https://www.launchuicomponents.com/) | ★252 |
| Kiankit | A SvelteKit and Supabase starter for rapid full-stack development, featuring integrated auth, UI components, and Vercel-ready deployment. | [Github](https://github.com/cowboycodr/kiankit) | [Demo](https://kit.fromkian.com) | ★251 |
| Template | A Next.js 13 starter application featuring authentication, payments, PlanetScale DB, Drizzle ORM, Lucia auth, Tailwind CSS, and LemonSqueezy integration. | [Github](https://github.com/amosbastian/template) |  | ★246 |
| Nextjs 15 Starter Shadcn | A Next.js 15 starter template with React 19, TypeScript, Tailwind CSS, and Shadcn UI, designed for rapid setup and streamlined development workflows. | [Github](https://github.com/siddharthamaity/nextjs-15-starter-shadcn) | [Demo](https://nextjs-15-starter-shadcn.vercel.app) | ★238 |
| React Vite Shadcn UI | A modern React starter template using Vite, TypeScript, Tailwind CSS (v3), and pre-configured shadcn/ui components for rapid UI development. | [Github](https://github.com/dan5py/react-vite-shadcn-ui) |  | ★232 |
| Pricing Page Shadcn | A fully customizable pricing page template using Shadcn UI and Next.js 14, featuring theme adaptability, plan toggles, and savings highlights. | [Github](https://github.com/m4nute/pricing-page-shadcn) | [Demo](https://pricing-page-shadcn.vercel.app) | ★231 |
| Remix Gospel Stack | A comprehensive Remix monorepo starter: Turborepo, pnpm, TypeScript, Prisma, shadcn/ui, Docker deployment to Fly.io, plus example database, UI, and business logic packages. | [Github](https://github.com/PhilDL/remix-gospel-stack) | [Demo](https://remix-gospel-stack.fly.dev) | ★226 |
| Firestarta | A Next.js SaaS starter with NextAuth, Prisma, Supabase, Shadcn/ui, and Lemon Squeezy for fast development of subscription-based applications. | [Github](https://github.com/uixmat/firestarta) | [Demo](https://firestarta.dev) | ★218 |
| Saas Landing Page Template | An open-source Next.js 14 template for SaaS landing pages, featuring a dark theme, React, TailwindCSS, and Framer Motion animations. | [Github](https://github.com/karthikmudunuri/saas-landing-page-template) | [Demo](https://saas-landing-page-template-eldoraui.vercel.app) | ★217 |
| onyx | Onyx: A NextJS 14 MVP template with Supabase, RBAC, Tanstack Query, Zod, MDX, and more for rapid full-stack development. | [Github](https://github.com/rmourey26/onyx) | [Demo](https://onyx-rho-pink.vercel.app) | ★217 |
| Photography Website | An open-source photography blog platform powered by Next.js, Drizzle, Neon, and tRPC. Features secure auth, cloud storage, EXIF extraction, and a Shadcn/ui interface. | [Github](https://github.com/ECarry/photography-website) | [Demo](https://p.ecarry.me) | ★210 |
| payment-gateways | A Next.js 14 demo showcasing integration with Stripe, Razorpay, PayPal, and Coinbase, providing a user-friendly UI for payment processing. | [Github](https://github.com/PremPrakashCodes/payment-gateways) | [Demo](https://payment-gateways-demo.vercel.app) | ★205 |
| Astra | A Next.js boilerplate for creating AI-driven website builders, featuring TailwindCSS, Shadcn UI, Magic UI, and Clerk authentication. | [Github](https://github.com/Shreyas-29/astra) | [Demo](https://astra-agency.vercel.app) | ★198 |
| Skaters | Skaters is an open-source e-commerce template using Next.js 14, Tailwind CSS, Prisma, and NextAuth to build modern online stores. | [Github](https://github.com/inifarhan/skaters) | [Demo](https://skaters-inifarhan.vercel.app) | ★196 |
| Wxt React Shadcn Tailwindcss Chrome Extension | A boilerplate for Chrome extensions using Wxt, React, Tailwind CSS, Shadcn UI, and TypeScript, featuring dark mode and localization support. | [Github](https://github.com/imtiger/wxt-react-shadcn-tailwindcss-chrome-extension) |  | ★187 |
| Nextjs Velite Blog Template | A NextJS 14 blog template leveraging Velite for content, Tailwind CSS for styling, Shadcn/UI for components, and MDX for rich content. | [Github](https://github.com/jolbol1/nextjs-velite-blog-template) | [Demo](https://my-first-blog-dusky.vercel.app) | ★183 |
| Design System Template | A Turborepo starter template featuring TailwindCSS, Storybook, and shadcn-ui for building scalable design systems and web applications efficiently. | [Github](https://github.com/arevalolance/design-system-template) |  | ★178 |
| shadcn-next-workflows | A Next.js starter project for building interactive, validated workflows using React Flows and Shadcn/ui, with support for modular custom nodes. | [Github](https://github.com/nobruf/shadcn-next-workflows) | [Demo](https://shadcn-next-workflows.vercel.app) | ★176 |
| Ticket Marketplace Saas Nextjs15 Convex Clerk Stripe Connect | Ticketr is a real-time event ticketing platform boilerplate using Next.js, Convex, Clerk, and Stripe, featuring smart queues and instant payments. | [Github](https://github.com/sonnysangha/ticket-marketplace-saas-nextjs15-convex-clerk-stripe-connect) |  | ★174 |
| Sveltekit AI Chatbot | An open-source AI chatbot app template built with SvelteKit, Vercel AI SDK, OpenAI, and Vercel KV for developers. | [Github](https://github.com/jianyuan/sveltekit-ai-chatbot) | [Demo](https://sveltekit-ai-chatbot.vercel.app) | ★173 |
| Next Shadcn Admin Dashboard | An open-source admin dashboard template using Next.js 15, TypeScript, and Shadcn UI, designed for SaaS, internal dashboards, and admin panels. | [Github](https://github.com/arhamkhnz/next-shadcn-admin-dashboard) | [Demo](https://next-shadcn-admin-dashboard.vercel.app) | ★172 |
| AI Fusion Kit | A Next.js starter kit for building AI-powered web apps with Supabase, OpenAI, and Vercel AI SDK, focusing on customizable chatbot interfaces. | [Github](https://github.com/nphivu414/ai-fusion-kit) | [Demo](https://ai-fusion-kit.vercel.app) | ★172 |
| Nextjs Nextra Starter | A Next.js starter template integrating React 19, Nextra v4, Tailwind CSS v4, TypeScript, and Shadcn UI for building modern, responsive blogs and documentation sites. | [Github](https://github.com/pdsuwwz/nextjs-nextra-starter) | [Demo](https://nextjs-nextra-starter-green.vercel.app) | ★172 |
| Nextjs Notion Waitlist Template | Create a Next.js 14 waitlist with Notion CMS, Upstash Redis rate limiting, and Resend email integration using this ready-to-deploy template. | [Github](https://github.com/lakshaybhushan/nextjs-notion-waitlist-template) | [Demo](https://nextjs-notion-waitlist.vercel.app) | ★172 |
| Tauri Start Solid | Starter template for multi-platform desktop apps with Tauri, SolidJS, Nano Stores, TypeScript, Tailwind CSS, Vite, and tray menu. | [Github](https://github.com/riipandi/tauri-start-solid) |  | ★171 |
| Race Stack | A Remix starter template optimized for Cloudflare Pages and D1, featuring authentication, Tailwind CSS, Drizzle ORM, and tools for rapid edge deployment. | [Github](https://github.com/jose-donato/race-stack) | [Demo](https://race-stack.pages.dev) | ★171 |
| Multi Tenant Starter Template | A minimalistic multi-tenant Next.js starter template with minimal setup and a modular design. Bring your own backend and database. | [Github](https://github.com/stack-auth/multi-tenant-starter-template) | [Demo](https://stack-template.vercel.app) | ★169 |
| Nextjs Dnd | A Next.js starter project demonstrating sortable drag and drop, built with Shadcn UI and the powerful DnD-Kit library. | [Github](https://github.com/sujjeee/nextjs-dnd) | [Demo](https://nextjs-shadcn-dnd.vercel.app) | ★169 |
| Carhive | A Next.js car rental boilerplate with TypeScript, Tailwind CSS, Clerk auth, Vercel Postgres, Drizzle ORM, Cloudinary, and Stripe. | [Github](https://github.com/eduamdev/carhive) | [Demo](https://carhive.eduam.dev) | ★167 |
| Remix Shadcn | A comprehensive Remix starter template powered by Vite, featuring shadcn/ui, theme switching, and optional Drizzle ORM integration for rapid development. | [Github](https://github.com/jacob-ebey/remix-shadcn) | [Demo](https://remix-shadcn.pages.dev/) | ★165 |
| Strapi Next Monorepo Starter | A comprehensive monorepo starter featuring Strapi v5, Next.js v15, Shadcn/ui, and Turborepo, built to launch enterprise applications swiftly. | [Github](https://github.com/notum-cz/strapi-next-monorepo-starter) | [Demo](https://www.notumstrapi.com) | ★163 |
| Nextjs Typescript And Mongodb | A very minimal Next.js starter integrating server actions, Prisma (PostgreSQL), TailwindCSS, Shadcn UI, Zod validation, and NextAuth. | [Github](https://github.com/danybeltran/nextjs-typescript-and-mongodb) | [Demo](https://nextjs-typescript-and-mongodb-psi.vercel.app) | ★162 |
| Luro AI | Luro is an AI-powered social media marketing landing page template. Built with Next.js and Tailwind CSS for modern SaaS applications. | [Github](https://github.com/Shreyas-29/luro-ai) | [Demo](https://luro-ai.vercel.app/) | ★162 |
| Astro Shadcn UI Template | A starter template for Astro, integrating Tailwind CSS and Shadcn UI for rapid development of accessible, customizable web applications. | [Github](https://github.com/AREA44/astro-shadcn-ui-template) | [Demo](https://astro-shadcn-ui-template.vercel.app) | ★160 |
| Next Entree | Accelerate Next.js 14+ development with this starter: app router, shadcn/ui, typesafe env/icons, and essential pre-configurations. | [Github](https://github.com/redpangilinan/next-entree) | [Demo](https://entree.rdev.pro) | ★158 |
| Shadcn Portfolio | A feature-rich portfolio template using Next.js, shadcn-ui, and Framer Motion, designed for developers to showcase their work stylishly and effectively. | [Github](https://github.com/techwithanirudh/shadcn-portfolio) | [Demo](https://shadcn-portfoliox.vercel.app) | ★157 |
| Micro Scale | A Next.js 14 starter kit for building image upscaling apps, featuring Replicate AI, Supabase backend, Stripe payments, and shadcn/ui. | [Github](https://github.com/adevinwild/micro-scale) | [Demo](https://uscale.imadil.dev) | ★150 |
| Traversypress UI | A front-end admin dashboard interface built using Next.js, TypeScript, and Shadcn/ui, featuring a modern stack for rapid UI development. | [Github](https://github.com/bradtraversy/traversypress-ui) |  | ★149 |
| Jetpack | Jetpack is an open-source Next.js 14 starter template featuring Bun, Shadcn-ui, Supabase, Drizzle ORM, Clerk, and Docker for accelerated full-stack development. | [Github](https://github.com/slawton3/jetpack) | [Demo](https://tryjetpack.dev) | ★146 |
| Akash Shadcn UI Landing Page | A modern, responsive landing page template built with Next.js, Tailwind CSS, Shadcn UI, and pre-designed Shadcn UI Blocks. | [Github](https://github.com/akash3444/shadcn-ui-landing-page) | [Demo](https://shadcn-ui-landing-page.vercel.app) | ★146 |
| Plate Playground Template | A Next.js 15 starter template featuring Plate for AI-enhanced rich-text editing, plugins, components, and shadcn/ui integration. | [Github](https://github.com/udecode/plate-playground-template) | [Demo](https://playground.platejs.org) | ★134 |
| Next Ecommerce Shopco | Open-source Next.js 14 e-commerce template converting Figma designs to responsive frontends using TypeScript, Tailwind CSS, Redux, and Framer Motion. | [Github](https://github.com/mohammadoftadeh/next-ecommerce-shopco) | [Demo](https://next-ecommerce-shopco.vercel.app) | ★131 |
| Shadcn Electron App | A starter project integrating shadcn/ui into electron-vite applications, streamlining desktop UI development with pre-configured settings. | [Github](https://github.com/shadcn/shadcn-electron-app) |  | ★130 |
| Inertia Rails Shadcn Starter | A comprehensive starter kit for building modern full-stack applications using Rails, React, Inertia.js, and TypeScript, featuring authentication and deployment tools. | [Github](https://github.com/skryukov/inertia-rails-shadcn-starter) | [Demo](https://inertia-shadcn.skryukov.dev) | ★128 |
| Boilerthing | Free, open-source Next.js 14 boilerplate with App Router, Next-auth (v5), Next-intl, Prisma, Resend, Tailwind CSS, Shadcn/UI, and Radix UI. | [Github](https://github.com/boilerthing/boilerthing) | [Demo](https://boilerthing.vercel.app) | ★127 |
| Wordpress Plugin Boilerplate | A WordPress Plugin Boilerplate leveraging React, TypeScript, Tailwind CSS, Vite, and more for rapid, modern plugin development and prototyping. | [Github](https://github.com/prappo/wordpress-plugin-boilerplate) | [Demo](https://prappo.github.io/wordpress-plugin-boilerplate/) | ★127 |
| Nextarter Tailwind | A Next.js (App Router) boilerplate with TailwindCSS v4, TypeScript, and essential tooling, optimized for PWA development and rapid project starts. | [Github](https://github.com/sozonome/nextarter-tailwind) | [Demo](https://nextarter-tailwind.sznm.dev) | ★124 |
| Rewinds | Rewinds is a web app starter kit featuring Remix, Tailwind CSS, React, Radix UI, Prisma, and Vercel, designed for productive full-stack development. | [Github](https://github.com/mhaidarhanif/rewinds) | [Demo](https://rewinds.mhaidarhanif.com) | ★122 |
| Codebaseup Core | Launch Next.js projects faster with this App Router boilerplate featuring Turborepo, NextAuth, Prisma, and shadcn/ui, minimizing setup overhead. | [Github](https://github.com/jhavej/codebaseup-core) | [Demo](https://www.codebaseup.com) | ★120 |
| Thr | A Next.js 14 powered Threads clone template featuring Drizzle ORM, Shadcn UI, NeonDB, and NextAuth for a modern social media experience. | [Github](https://github.com/noelrohi/thr) |  | ★119 |
| Image Upload Shadcn | A Next.js boilerplate project enabling easy image uploads to Cloudinary, featuring intuitive drag-and-drop functionality for developers. | [Github](https://github.com/kushagrasarathe/image-upload-shadcn) | [Demo](https://image-upload-shadcn.vercel.app/) | ★119 |
| Venefish | A Next.js boilerplate featuring Firebase, shadcn/ui, and Tailwind CSS, ready for Vercel deployment. Ideal for quickly starting TypeScript projects. | [Github](https://github.com/enesien/venefish) |  | ★114 |
| AI Finance Platform | A comprehensive tutorial and boilerplate for creating an AI-powered finance platform using Next.js, Supabase, Prisma, and other cutting-edge technologies. | [Github](https://github.com/piyush-eon/ai-finance-platform) | [Demo](https://youtu.be/egS6fnZAdzk) | ★112 |
| AI Career Coach | A tutorial guiding developers to build an AI Career Coach using Next.js, Neon DB, Tailwind, Prisma, Inngest, Shadcn UI, and Gemini AI. | [Github](https://github.com/piyush-eon/ai-career-coach) | [Demo](https://youtu.be/UbXpRv5ApKA) | ★112 |
| Nextjs Saaskit | An open-source Next.js boilerplate designed to accelerate SaaS development with pre-built authentication, payment integration, and database setup. | [Github](https://github.com/wolfgunblood/nextjs-saaskit) | [Demo](https://saaskit.one) | ★110 |
| Next Shadcn Landing | A Next.js and shadcn/ui starter designed for rapid development of customizable, high-performance, and responsive landing pages. | [Github](https://github.com/redpangilinan/next-shadcn-landing) | [Demo](https://nextlanding.rdev.pro) | ★108 |
| ReactViTenStack | A modern full-stack starter with React, Vite, Tanstack Suite, Shadcn UI, HonoJs, and Drizzle ORM for efficient, type-safe web development. | [Github](https://github.com/KaraBharat/ReactViTenStack) | [Demo](https://reactvitenstack.vercel.app) | ★107 |
| Lms Course Platform Saas Nextjs15 Sanity Stripe Clerk Shadcn Typescript | A Next.js 15 & Sanity CMS powered Learning Management System. Offers real-time updates, progress tracking, and secure payments via Clerk & Stripe. | [Github](https://github.com/sonnysangha/lms-course-platform-saas-nextjs15-sanity-stripe-clerk-shadcn-typescript) |  | ★107 |
| React Starter | A full-featured TypeScript starter for React applications, packed with modern tools and best practices to accelerate your development workflow. | [Github](https://github.com/Kamahl19/react-starter) | [Demo](https://react-starter-kamahl19.vercel.app) | ★105 |
| nextMotion | An open-source Next.js portfolio template with Nodemailer, Aceternity UI, TailwindCSS, and Framer Motion for modern, reactive SPAs. | [Github](https://github.com/yoyocharlie/nextMotion) | [Demo](https://next-motion-five.vercel.app) | ★105 |
| Turbocharger | A comprehensive monorepo starter built with Turborepo, Next.js 14, Shadcn-ui, and Stripe integration for modern full-stack applications. | [Github](https://github.com/mehdibha/turbocharger) |  | ★102 |
| Eric Portfolio Website | A pristine personal portfolio template using Next.js 14, Tailwind CSS, Framer Motion, and Shadcn/ui for a modern, animated developer showcase. | [Github](https://github.com/erich2s/eric-portfolio-website) |  | ★102 |
| Vite React Ts Tailwind Starter | A feature-rich Vite starter for React SPAs, pre-configured with TypeScript, Tailwind CSS, Shadcn UI, i18n, and robust development tools. | [Github](https://github.com/Quilljou/vite-react-ts-tailwind-starter) | [Demo](https://vite-react-ts-tailwind-starter.pages.dev/) | ★101 |
| Turborepo Shadcn UI Tailwindcss | A Next.js Turborepo starter with pre-configured Shadcn/UI and Tailwind CSS for streamlined development of applications using shared UI components. | [Github](https://github.com/henriqpohl/turborepo-shadcn-ui-tailwindcss) |  | ★98 |
| Turborepo Nextjs | An open-source application template using Next.js 14 and Turborepo, showcasing new router features, server components, and modern development practices. | [Github](https://github.com/nass59/turborepo-nextjs) | [Demo](https://turborepo-nextjs.vercel.app) | ★97 |
| Cook | A template for creating ultra-modern, bento-box styled portfolio landing pages, ideal for developers, designers, and other creatives. | [Github](https://github.com/engageintellect/cook) | [Demo](https://cook.engage-dev.com) | ★96 |
| Agency Template | A free, open-source NextJS, Tailwind, and React template designed to help agencies quickly build and customize their websites. | [Github](https://github.com/JaumeGelabert/agency-template) | [Demo](https://studio.jaumegelabert.dev) | ★96 |
| Docusaurus Tailwind Shadcn Template | Docusaurus V3 template integrating TailwindCSS and Shadcn/UI for modern documentation sites with accessible components, API docs, and blogs. | [Github](https://github.com/namnguyenthanhwork/docusaurus-tailwind-shadcn-template) | [Demo](https://docusaurus-tailwind-shadcn-template.vercel.app) | ★95 |
| Turborepo Nextjs Prisma Postgres | A Next.js starter kit for developers to build feature-rich, AI-integrated forum applications using Prisma, Postgres, Auth.js, Shadcn, and TailwindCSS. | [Github](https://github.com/luannguyenQV/turborepo-nextjs-prisma-postgres) | [Demo](https://turborepo-nextjs-prisma-postgres.vercel.app) | ★92 |
| Remix Craftjs Starter | A starter application leveraging Remix, Craft.js, and Shadcn-ui for drag-and-drop website building and code generation. | [Github](https://github.com/rajeshdavidbabu/remix-craftjs-starter) |  | ★92 |
| Fyrre Magazine | Fyrre is a Next.js SPA template for arts/life magazines, based on Figma designs, featuring modern tech like React Server Components and Playwright testing. | [Github](https://github.com/asbhogal/Fyrre-Magazine) | [Demo](https://fyrre-magazine.vercel.app/) | ★91 |
| Turborepo Shadcn | A comprehensive Next.js Turborepo starter featuring Auth.js 5, Stripe, Resend, Shadcn/UI, Biome, and FumaDocs for rapid, modern web development. | [Github](https://github.com/codersaadi/turborepo-shadcn) |  | ★90 |
| Next Auth5 Shadcn | A Next.js boilerplate featuring Auth.js v5, RBAC, OAuth, email services, Prisma, PostgreSQL, and Shadcn UI for secure, scalable application starts. | [Github](https://github.com/codersaadi/next-auth5-shadcn) |  | ★89 |
| Hackathon Starter | A monorepo starter for hackathons, bundling Next.js, Hono, ShadcnUI, Prisma, PostgreSQL, and Docker for swift project setup. | [Github](https://github.com/Code42Cate/hackathon-starter) |  | ★86 |
| Notion Clone | A project guide for creating a collaborative note-taking app like Notion, using Next.js, Stripe, Convex, Shadcn UI, and TypeScript. | [Github](https://github.com/samarbadriddin0v/notion-clone) | [Demo](https://notion.sammi.ac/) | ★85 |
| shadboard | Shadboard: An open-source Next.js 15 and Shadcn/UI admin dashboard template for building scalable, user-friendly web applications quickly. | [Github](https://github.com/Qualiora/shadboard) | [Demo](https://shadboard.vercel.app) | ★84 |
| SelfKit | SelfKit is a self-hosting oriented SaaS boilerplate for developers, enabling full control, cost reduction, and rapid deployment using open-source tools. | [Github](https://github.com/TommyLec/SelfKit) | [Demo](https://selfkit.dev/) | ★82 |
| Hono React Ssr Shadcn UI | A starter template with Honojs, React SSR, Shadcn-UI, and a blog, optimized for Cloudflare Pages deployment. | [Github](https://github.com/iflamed/hono-react-ssr-shadcn-ui) | [Demo](https://hono-react-ssr-shadcn-ui.pages.dev/) | ★80 |
| Codox | CoDox is a Next.js 13 (App Router) starter with Tailwind CSS, TypeScript, tRPC, Clerk Auth, and Prisma for rapid, modern web development. | [Github](https://github.com/sujjeee/codox) | [Demo](https://codox.vercel.app) | ★79 |
| Electron Shadcn Typescript | An Electron boilerplate featuring React, TypeScript, Tailwind CSS, and Shadcn for streamlined cross-platform desktop app development. | [Github](https://github.com/p32929/electron-shadcn-typescript) |  | ★79 |
| Pocketwatcher | Production-ready Next.js template with PocketBase and shadcn/ui. Includes authentication, beautiful UI components, and one-command deployment. | [Github](https://github.com/nicholasoxford/pocketwatcher) | [Demo](https://pocket-watcher.fly.dev/) | ★78 |
| Larasonic React | Larasonic: A modern, open-source SaaS starter kit featuring Laravel, React, Shadcn, TailwindCSS, and Inertia for rapid development. | [Github](https://github.com/shipfastlabs/larasonic-react) | [Demo](https://react.larasonic.com) | ★77 |
| React Ts Starter | An advanced React & TypeScript starter, supercharged by Vite and its plugins, including shadcn/ui, ESLint, and Prettier for swift project kickoffs. | [Github](https://github.com/yeasin2002/react-ts-starter) |  | ★77 |
| NEXTjs Boilerplate | Next.js 15 starter with TypeScript, Tailwind, Prisma, Postgres. Includes user management, roles, auth, and more for rapid full-stack development. | [Github](https://github.com/ahmedibra28/NEXTjs-boilerplate) | [Demo](https://ntboilerplate.vercel.app) | ★76 |
| Jaydens Stack | A feature-packed SvelteKit monorepo boilerplate with tRPC, Tailwind CSS, Shadcn, and Turborepo for enhanced developer experience and scalability. | [Github](https://github.com/multiplehats/jaydens-stack) | [Demo](https://jaydens-stack-web.vercel.app) | ★75 |
| Chrome Extension Plasmo Template | A starter kit for Chrome extension development, integrating Plasmo, Tailwind CSS, and Shadcn/UI for efficient workflows and polished user interfaces. | [Github](https://github.com/iAmCorey/chrome-extension-plasmo-template) |  | ★74 |
| Shadcn Css | A Next.js starter template using shadcn/ui components styled with CSS Modules, offering a Tailwind-free, CSS-first development experience. | [Github](https://github.com/qwalker8408/shadcn-css) |  | ★70 |
| Sveltekit Omakase | SvelteKit Omakase: An opinionated starter kit with curated tools and structure, enabling rapid development of modern, scalable SvelteKit applications. | [Github](https://github.com/n00ki/kickoff-sveltekit) | [Demo](https://sko.ns-projects.com) | ★70 |
| Shadcn Sidebar | A Next.js starter template featuring a customizable Shadcn UI sidebar, login, toast notifications, and dark mode support for rapid app development. | [Github](https://github.com/Yudian00/shadcn-sidebar) |  | ★69 |
| Remix Shadcn Starter | A Remix starter featuring Shadcn-ui, Aceternity-ui, and client-hints-powered optimistic dark mode for rapid, modern web development. | [Github](https://github.com/rajeshdavidbabu/remix-shadcn-starter) | [Demo](https://remix-shadcn-starter.vercel.app) | ★68 |
| Turbo Npn | A comprehensive monorepo boilerplate using Turborepo, integrating NestJS (backend), NextJS (frontend), PostgreSQL with TypeORM, and pre-configured Shadcn/UI. | [Github](https://github.com/aungphyoex/turbo-npn) | [Demo](https://turbo-npn.vercel.app) | ★68 |
| Shadcn Nuxt Starter | A comprehensive Nuxt 3 starter kit featuring Shadcn-ui, UnoCSS, and TypeScript for building modern, performant, and scalable web applications quickly. | [Github](https://github.com/insub/shadcn-nuxt-starter) | [Demo](https://shadcn-nuxt-starter.xdesign.tech/) | ★67 |
| Nimara Ecommerce | A headless, composable ecommerce storefront using Next.js, Typescript, and Shadcn/UI, designed for modern, global online businesses seeking high performance. | [Github](https://github.com/mirumee/nimara-ecommerce) | [Demo](https://demo.nimara.store) | ★67 |
| Onurhan Personal Site | A feature-rich personal website and blog template using Next.js, Tailwind CSS, TypeScript, Contentlayer, and deployable on Vercel. | [Github](https://github.com/onurhan1337/my-website) | [Demo](https://onurhan.dev) | ★66 |
| T3 Starter Kit | A T3 Stack starter kit featuring Bun, Biome, Next.js 15, Tailwind CSS 4, Drizzle, tRPC, Shadcn-UI, and NextAuth for modern full-stack development. | [Github](https://github.com/rajatsandeepsen/t3-starter-kit) |  | ★65 |
| Linkedin Clone Nextjs 14 Copilot Azure Cosmos Db Typescript Shadcn | A foundational Next.js project, bootstrapped via \`create-next-app\`, featuring \`next/font\` optimization for a streamlined development launch. | [Github](https://github.com/sonnysangha/linkedin-clone-nextjs-14-copilot-azure-cosmos-db-typescript-shadcn) | [Demo](https://linkedin-clone-nextjs-14-copilot-azure-co-sonnysanghas-projects.vercel.app) | ★65 |
| T3 Biome Bun Starter Kit | Bootstrap your T3 app with Bun, Biome, Next.js, Drizzle, tRPC, Tailwind CSS, Shadcn-UI, and NextAuth for streamlined development. | [Github](https://github.com/rajatsandeepsen/t3-biome-bun-starter-kit) |  | ★65 |
| Nextjs With Supabase Auth | A NextJS 14 app router starter template integrating Supabase and shadcn/ui, designed for building feature-rich dashboard applications efficiently. | [Github](https://github.com/w3labkr/nextjs-with-supabase-auth) | [Demo](https://w3labkr-nextjs-with-supabase-auth.vercel.app) | ★64 |
| Nextjs14 Supabase Blog | A comprehensive NextJS 14 app router template using Supabase for backend, shadcn-ui for UI, featuring authentication, RBAC, and PWA capabilities. | [Github](https://github.com/w3labkr/nextjs14-supabase-blog) |  | ★64 |
| Nextjs14 Supabase Auth | A NextJS 14 app router dashboard starter template using Supabase for backend and shadcn-ui for a polished, responsive user interface. | [Github](https://github.com/w3labkr/nextjs14-supabase-auth) |  | ★64 |
| Booking.com Clone Nextjs 14 Shadcn Tailwind Typescript Oxylabs | This Next.js starter project, created with \`create-next-app\`, offers a solid foundation for developers to build and deploy modern web experiences. | [Github](https://github.com/sonnysangha/booking.com-clone-nextjs-14-shadcn-tailwind-typescript-oxylabs) |  | ★64 |
| Shadcn UI Lib Starter | A starter kit to easily build your own tree-shakeable, customizable shadcn-ui component library with dark mode. | [Github](https://github.com/rajeshdavidbabu/shadcn-ui-lib-starter) |  | ★64 |
| Tiptap Shadcn | A TipTap-based rich text editor featuring shadcn/ui components, file uploads, math equation support, dark mode, and responsive design for modern web applications. | [Github](https://github.com/ehtisham-afzal/tiptap-shadcn) | [Demo](https://tiptap-shadcn.vercel.app) | ★63 |
| Taitd.dev | A feature-rich Next.js 13 template for personal blogs and portfolios, using TypeScript, Tailwind CSS, shadcn-ui, Prisma, and Supabase. | [Github](https://github.com/trinhdinhtai/taitd.dev) | [Demo](https://taitd.dev) | ★63 |
| Turborepo Shadcn Nextjs | A comprehensive Turborepo starter with Next.js, Nextra, shared shadcn/ui, Bun, Biome, Vitest, Playwright, and Storybook for streamlined full-stack development. | [Github](https://github.com/gmickel/turborepo-shadcn-nextjs) | [Demo](https://turborepo-shadcn-nextjs-web.vercel.app) | ★63 |
| Onset | An open-source Next.js 14 starter featuring Drizzle (Postgres), NextAuth/Auth.js, and detailed instructions, making customization accessible for all skill levels. | [Github](https://github.com/nrjdalal/onset) | [Demo](https://onset.vercel.app) | ★61 |
| Canva Nextjs | A Next.js (App Router) based Canva clone template featuring Hono, Drizzle, Replicate for AI, Auth.js, Stripe payments, Tailwind CSS, and shadcn/ui. | [Github](https://github.com/MichaelFrieze/cnvai-nextjs) | [Demo](https://cnvai-nextjs.vercel.app/) | ★60 |
| Nextjs Shadcn Dashboard | A Next.js project bootstrapped with \`create-next-app\`, serving as the companion code repository for a YouTube video demonstration. | [Github](https://github.com/guillaumeduhan/nextjs-shadcn-dashboard) |  | ★60 |
| Vue Shadcn Dashboard | An open-source admin dashboard template using Vue.js and Shadcn UI, offering a modern, responsive starting point for web application backends. | [Github](https://github.com/faturputro/vue-shadcn-dashboard) | [Demo](https://vue-shadcn-dashboard.vercel.app) | ★60 |
| Emapeire Personal Site | A portfolio template inspired by Emanuel Peire's site, designed for developers to showcase skills, projects, and career journey professionally. | [Github](https://github.com/emapeire/portfolio) | [Demo](https://emapeire.xyz) | ★59 |
| Turborepo Shadcn UI Tailwind 4 | A template for building modern monorepos using Turborepo, integrating shadcn/ui components, Tailwind CSS v4 for styling, and React v19 for UI. | [Github](https://github.com/linkb15/turborepo-shadcn-ui-tailwind-4) | [Demo](https://turborepo-shadcn-tailwind.vercel.app/) | ★58 |
| Shadcn UI Crash Course | Access all essential files for the Shadcn UI Crash Course, designed to help you quickly learn and implement modern user interfaces. | [Github](https://github.com/iamshaunjp/shadcn-ui-crash-course) |  | ★58 |
| Browser Extension Starter | A WXT-based boilerplate for building feature-rich browser extensions using React, TailwindCSS, Shadcn components, and typesafe TRPC messaging. | [Github](https://github.com/poweroutlet2/browser-extension-starter) |  | ★57 |
| Nextjs Shadcn Admin | A Next.js app-router admin template featuring multi-language support, Shadcn UI, Tailwind CSS, and next-intl for streamlined internationalized dashboard development. | [Github](https://github.com/MohOulabi/nextjs-shadcn-admin) | [Demo](https://nextjs-shadcn-admin.vercel.app) | ★57 |
| browser-extension-starter-plasmo-shadcn-trpc | A boilerplate for browser extensions using WXT, React, TailwindCSS, shadcn, and trpc-chrome for typesafe messaging. Accelerate your development. | [Github](https://github.com/poweroutlet2/browser-extension-starter-plasmo-shadcn-trpc) |  | ★57 |
| Windows 11 | A React & Next.js starter for building sleek Windows 11-inspired applications, featuring modern design, smooth animations, and draggable windows. | [Github](https://github.com/programming-with-ia/windows-11) | [Demo](https://win11.oimmi.com/lock-screen) | ★56 |
| Backoffice Template | A SvelteKit template for Appwrite backends, featuring an admin area, authentication, protected routes, and ShadCN-Svelte components for easy maintenance and scalability. | [Github](https://github.com/upperdo/backoffice-template) |  | ★56 |
| Vite Shadcnui Boilerplate | A Vite-powered React boilerplate featuring ShadcnUI and Tailwind CSS, supporting both TypeScript and JavaScript for streamlined project initiation. | [Github](https://github.com/Overdrive141/vite-shadcnui-boilerplate) |  | ★56 |
| Nuxt UI Thing Starter | A Nuxt 3 starter template featuring UI Thing components, a personal port of shadcn/ui, built upon Radix-Vue for rapid UI development. | [Github](https://github.com/BayBreezy/nuxt-ui-thing-starter) | [Demo](https://ui-thing-starter.behonbaker.com/) | ★54 |
| Figma Text To Icon | A Figma AI plugin template for creating text-to-icon tools, built with Next.js, React, Tailwind CSS, and the Replicate API. | [Github](https://github.com/lichin-lin/figma-text-to-icon) |  | ★54 |
| AI Micro Saas Starter | A Next.js 14 starter for building Micro SaaS AI platforms, featuring Shadcn, Prisma, Stripe, and GeneratedBy API integration for AI functionalities. | [Github](https://github.com/0xGeegZ/ai-micro-saas-starter) | [Demo](https://ai-micro-saas-starter.generatedby.com/) | ★54 |
| supa-next-shad-auth | A Next.js starter template with Supabase authentication, TypeScript, Server Actions, Zod, and shadcn/ui for building secure, responsive applications. | [Github](https://github.com/Sahil-Sharma-23/supa-next-shad-auth) | [Demo](https://supa-next-shad-auth.vercel.app) | ★54 |
| Web Boilerplate | A Next.js boilerplate for exploring cutting-edge web tech like RSC, Server Actions, TursoDB, Drizzle, and Clerk. Ideal for new projects. | [Github](https://github.com/ditadi/web-boilerplate) | [Demo](https://web-boilerplate-2.vercel.app) | ★53 |
| turborepo-launchpad | A comprehensive monorepo boilerplate featuring Next.js 14, shadcn/ui, Storybook, and Supabase, designed for scalable development of complex web applications. | [Github](https://github.com/JadRizk/turborepo-launchpad) | [Demo](https://miniature-launchpad-app.vercel.app) | ★52 |
| Next.js 14 Postgres Prisma Shadcn Template | A Next.js starter kit featuring NextAuth, Prisma ORM, Postgres, Shadcn UI, and Tailwind CSS for rapid full-stack application development. | [Github](https://github.com/Dinuda/next.js-14-postgres-prisma-shadcn-template) |  | ★51 |
| React Shadcn Starter | A pre-configured React, Vite, and TypeScript template designed to accelerate application development using the popular shadcn/ui component library. | [Github](https://github.com/hayyi2/react-shadcn-starter) | [Demo](https://hayyi2.github.io/react-shadcn-starter/) | ★51 |
| Directory | A Next.js directory template using Anthropic & Exa AI, Turso, TypeScript, Tailwind, and shadcn/ui for building curated resource and bookmark sites. | [Github](https://github.com/9d8dev/directory) | [Demo](https://directory.9d8.dev) | ★51 |
| Nextjs Dapp Template | A Next.js starter kit for MultiversX blockchain Dapps, equipped with Shadcn UI, Tailwind CSS, and useElven for core interactions. | [Github](https://github.com/xdevguild/nextjs-dapp-template) | [Demo](https://multiversx-nextjs-dapp.netlify.app) | ★49 |
| Shadcn UI Cra | A pre-configured Create React App starter for Shadcn/UI, also offering a detailed guide for manual integration and understanding. | [Github](https://github.com/ahmad1702/shadcn-ui-cra) |  | ★48 |
| Next Blog | A minimal, responsive Next.js blog template using ShadcnUI and MDX, designed for simplicity and effective content presentation. | [Github](https://github.com/imyuanli/next-blog) | [Demo](https://next-blog.imyuanli.cn/) | ★48 |
| Pexllecn | A Next.js starter project, pre-configured with Shadcn UI components, for rapidly building visually appealing and modern web applications. | [Github](https://github.com/pexllecn/pexllecn) | [Demo](https://pexllecn.vercel.app) | ★48 |
| Shadcn Docs Nuxt Starter | Minimal starter for creating stunning documentation sites with Nuxt and shadcn-vue, designed for rapid development and deployment. | [Github](https://github.com/ZTL-UwU/shadcn-docs-nuxt-starter) | [Demo](https://shadcn-docs-nuxt.vercel.app/) | ★48 |
| Wails Vite React Tailwind Shadcnui Ts | A Wails v2.5.1 project template with Vite, React, TypeScript, TailwindCSS, and shadcn/ui for modern desktop application development. | [Github](https://github.com/Mahcks/wails-vite-react-tailwind-shadcnui-ts) |  | ★48 |
| create-tauri-core | A comprehensive project template for building robust Tauri applications using Vite, React, TypeScript, Tailwind CSS, and a feature-rich project structure. | [Github](https://github.com/mrlightful/create-tauri-core) |  | ★47 |
| Next Express Turborepo | A full-stack monorepo starter with Next.js, Express.js, Turbopack, Eslint, Tailwind CSS, and shadcn, streamlining high-performance web development. | [Github](https://github.com/ivesfurtado/next-express-turborepo) |  | ★46 |
| Next Lexical Editor | A Next.js 14 starter for creating Notion-like lexical editors, featuring shadcn/ui for modern UIs and optimized font loading. | [Github](https://github.com/mohe22/Next-lexical-editor) | [Demo](https://next-lexical-editor.vercel.app) | ★46 |
| Starter | A Next.js starter boilerplate featuring Shadcn UI, Supabase, Drizzle ORM, and a modern tech stack for rapid MVP development. | [Github](https://github.com/sujjeee/starter) | [Demo](https://weekend-starter.vercel.app) | ★45 |
| Shadcn Nx Nextjs Boilerplate | A guide to setting up an NX monorepo with Next.js 13, Tailwind CSS, and shadcn/ui for efficient, modern UI development. | [Github](https://github.com/anteqkois/shadcn-nx-nextjs-boilerplate) |  | ★45 |
| Site | A Next.js starter project for building the wanderer.moe frontend, featuring TailwindCSS styling and shadcn/ui components for rapid development. | [Github](https://github.com/wanderer-moe/site) |  | ★45 |
| NextJS Landing Page Template | A Next.js 14 App Router template for crafting responsive landing pages, equipped with Tailwind CSS, Shadcn UI, and custom elements. | [Github](https://github.com/moinbukhari/NextJS-landing-page-template) | [Demo](https://nextjs-landing-template.vercel.app/) | ★45 |
| Plate Template | A minimal Next.js 15 template for crafting rich-text editors using Plate, enhanced with shadcn/ui and MCP. | [Github](https://github.com/udecode/plate-template) | [Demo](https://template.platejs.org) | ★45 |
| Next Dashboard | A Next.js starter template for building sleek admin dashboards, powered by Shadcn UI components for rapid development and customization. | [Github](https://github.com/sharjilk/next-dashboard) | [Demo](https://next-dashboard-liart.vercel.app) | ★44 |
| Rohi.dev | A personal website starter built with Next.js and Shadcn/ui, offering a modern, customizable foundation for developers to showcase their work. | [Github](https://github.com/noelrohi/rohi.dev) | [Demo](https://rohi.dev) | ★43 |
| Sveltekit Shadcn AI | A SvelteKit starter template integrating Shadcn-UI, AI tools, database, and authentication for building modern AI-powered applications. | [Github](https://github.com/juliuslipp/sveltekit-shadcn-ai) |  | ★42 |
| Duolingo Nextjs | A full-stack Duolingo clone boilerplate with Next.js, AI voices, Shadcn UI, Clerk auth, and comprehensive gamification for immersive language learning. | [Github](https://github.com/mohannadofficial/duolingo-nextjs) | [Demo](https://lingo.mohnd-code.com/) | ★42 |
| Powersync Tauri | A comprehensive starter template for developing local-first applications using Tauri, React, TypeScript, Shadcn UI, and PowerSync, powered by Vite. | [Github](https://github.com/MrLightful/powersync-tauri) |  | ★41 |
| Weather AI | A Next.js and React-based weather chatbot using Vercel AI SDK and Shadcn UI for conversational, real-time weather updates and generative UI. | [Github](https://github.com/PaoloJN/weather-ai) | [Demo](https://weather-ai-chat.vercel.app) | ★41 |
| Bolt Boilerplate Nextjs | Bolt Boilerplate is a Next.js starter featuring Convex for real-time data, Clerk for authentication, and Shadcn UI, enabling quick full-stack CRUD setup. | [Github](https://github.com/bitcraft3r/bolt-boilerplate-nextjs) | [Demo](https://getbolt.vercel.app) | ★41 |
| Fashion Corner Next.js Ecommerce | A Next.js 14 full-stack e-commerce template featuring MongoDB, Typescript, Tailwind, DaisyUI, Shadcn/ui, and PayPal integration for developers. | [Github](https://github.com/zyxzb/Fashion-Corner-Next.js-Ecommerce) | [Demo](https://fashion-corner.vercel.app) | ★41 |
| Next Template | A Next.js 13 starter template featuring TypeScript, Tailwind CSS, Shadcn/ui, ESLint, and Prettier for rapid, modern web application development. | [Github](https://github.com/AhmedBaset/next-template) | [Demo](https://next-tm.vercel.app) | ★40 |
| Kazooo | A Next.js 13 starter featuring Prisma, Radix UI, and Supabase, designed to fast-track full-stack web application development with essential integrations. | [Github](https://github.com/ktisakib/kazooo) | [Demo](https://kazooo.vercel.app) | ★40 |
| Saas Landing Page With Zod Prisma PostgreSQL | A fullstack SaaS template featuring a landing page, authentication, and dashboard, built with Next.js, Prisma, PostgreSQL, Tailwind CSS, and Shadcn. | [Github](https://github.com/PiusLucky/Saas-landing-page-with-zod-prisma-postgreSQL) | [Demo](https://saas-landing-page-with-zod-prisma-postgre-sql.vercel.app) | ★39 |
| Travel Agency Landing Page | A responsive travel agency landing page template built with Next.js 14, Shadcn UI, and Tailwind CSS, designed for quick setup and customization. | [Github](https://github.com/PiusLucky/Travel-Agency-Landing-Page) | [Demo](https://travel-agency-landing-page-zeta.vercel.app) | ★39 |
| Shadcn Vue Nuxt Layer | Quickly get started with a Nuxt layer for Shadcn-vue inside your monorepo using these streamlined templates and helper commands. | [Github](https://github.com/unovue/shadcn-vue-nuxt-layer) |  | ★39 |
| Shadcn Reactjs Starter | A minimal Vite React.js boilerplate featuring Shadcn UI, with an AlertDialog demo to confirm successful component integration. | [Github](https://github.com/spiritoftime/shadcn-reactjs-starter) |  | ★38 |
| Furniro Ecommerce | A full-stack e-commerce starter using Next.js, Shadcn, MongoDB, Stripe, and Framer Motion for rapid online store development. | [Github](https://github.com/PiusLucky/furniro-ecommerce) | [Demo](https://furniro-ecommerce-blue.vercel.app) | ★38 |
| PersianDatePicker Shadcnui | A streamlined template to kickstart React development with Vite, featuring Hot Module Replacement (HMR) and foundational ESLint rules for efficient workflows. | [Github](https://github.com/getintern/persianDatePicker-shadcnui) |  | ★37 |
| Quark | Quark is a Next.js 15 starter template packed with features like authentication, admin mode, and RBAC to accelerate your tool development. | [Github](https://github.com/ezeparziale/quark) | [Demo](https://quark-alpha.vercel.app) | ★37 |
| Next Ory | A starter project to self-host Ory Kratos, Hydra, and Keto, featuring a Next.js authentication UI and admin dashboard (WIP) styled with TailwindCSS and shadcn/ui. | [Github](https://github.com/MarkusThielker/next-ory) | [Demo](https://codeberg.org/markusthielker/next-ory) | ★36 |
| Electron Bones | Electron Bones offers a feature-packed foundation for Electron apps, bundling React, TypeScript, TailwindCSS, and Shadcn/ui to accelerate cross-platform desktop development. | [Github](https://github.com/shipkit-io/electron-bones) | [Demo](https://bones.sh/electron) | ★36 |
| Shadcn Registry Template | A template for building and distributing your own custom component registries for shadcn/ui, enabling easy component sharing and installation. | [Github](https://github.com/vantezzen/shadcn-registry-template) |  | ★36 |
| Ekomenyong.com | A Next.js blog and portfolio template using shadcn/ui and next-mdx-remote, perfect for developers creating modern, content-focused websites. | [Github](https://github.com/ekomenyong/ekomenyong.com) | [Demo](https://ekomenyong.com) | ★36 |
| Dashboard Starter | A developer-focused starter kit for dashboards using React, Radix UI, Tailwind CSS, and Vite, inspired by shadcn/taxonomy's structure. | [Github](https://github.com/esafwan/dashboard-starter) |  | ★36 |
| Landing | A Next.js 14 landing page template for Calla-AI, utilizing TailwindCSS, Shadcn-UI, and Framer Motion for modern, animated web experiences. | [Github](https://github.com/Calla-AI/landing) |  | ★36 |
| Telegram Mini App Nextjs Boilerplate | A Next.js boilerplate for Telegram Mini Apps, featuring shadcn/ui, Tailwind CSS, and tma.js for rapid development and seamless Telegram integration. | [Github](https://github.com/Buidlso/telegram-mini-app-nextjs-boilerplate) |  | ★35 |
| Jorgeassaf Portfolio | A developer portfolio template powered by Next.js 15, featuring 3D graphics, TypeScript, Tailwind CSS, and Sanity CMS integration. | [Github](https://github.com/JorgeAssaf/Jorgeassaf-portfolio) | [Demo](https://jorgeassaf.vercel.app) | ★34 |
| Astro Shadcn Starter | A starter template combining Astro, Shadcn UI, Tailwind CSS, and React for rapid development of modern, visually appealing static websites. | [Github](https://github.com/dansholds/astro-shadcn-starter) | [Demo](https://astroshadcnstarter.netlify.app) | ★34 |
| AI Chatbot | An open-source, hackable Next.js template for building full-featured GPT4 Vision AI chatbots with custom UI components and Vercel AI SDK. | [Github](https://github.com/marcusschiesser/ai-chatbot) |  | ★33 |
| T3 Turbo Biome | A Turborepo template for T3 applications, integrating Biome for code quality and Shadcn UI for Next.js (web) and Expo (native) development. | [Github](https://github.com/rajatsandeepsen/t3-turbo-biome) |  | ★33 |
| Positivus | A Next.js 14 starter template for responsive digital marketing agency landing pages, using Shadcn UI and Tailwind CSS for modern design. | [Github](https://github.com/PiusLucky/Positivus) | [Demo](https://positivus-orpin.vercel.app) | ★32 |
| Ecommerce Admin | A full-stack Next.js 13 e-commerce boilerplate with admin dashboard, CMS, using Prisma, MySQL, Tailwind, and Clerk authentication. | [Github](https://github.com/inifarhan/ecommerce-admin) | [Demo](https://ecommerce-admin-iota-sepia.vercel.app/) | ★32 |
| Shadcn Form Yt | A standard Next.js project template from \`create-next-app\`, featuring API routes, font optimization, and easy Vercel deployment. | [Github](https://github.com/Elliott-Chong/shadcn-form-yt) |  | ★32 |
| Invoice Generator | An open-source invoice generator using Next.JS 15, React 19, Shadcn UI, and Tailwind CSS. Serves as a guide and a ready-to-use tool. | [Github](https://github.com/elajnabe/invoice-generator) |  | ★32 |
| Next Admin | A Next.js 13 starter template for admin dashboards, featuring TypeScript, NextAuth.js, Tailwind CSS, and Shadcn-ui for rapid development. | [Github](https://github.com/feelCrazy/next-admin) |  | ★29 |
| React Shadcn Admin Dashboard | A modern React Shadcn admin dashboard template for developers, featuring Kanban, data tables, charts, and extensive management tools for efficient UI creation. | [Github](https://github.com/nguyenvantanphatit/React-Shadcn-Admin-Dashboard) | [Demo](https://react-shadcn-admin-dashboard.vercel.app/) | ★29 |
| Photography Portfolio Website | A Next.js 14, Shadcn, and Tailwind CSS based starter template for creating modern, responsive photography portfolio websites. | [Github](https://github.com/PiusLucky/photography-portfolio-website) | [Demo](https://photography-portfolio-website-vert.vercel.app) | ★29 |
| Startup Agency Landing Page | A responsive startup agency landing page template built with Next.js 14, Shadcn UI, and Tailwind CSS, complete with Figma design and tutorial. | [Github](https://github.com/PiusLucky/startup-agency-landing-page) | [Demo](https://startup-agency-landing-page.vercel.app) | ★29 |
| Tauriv2 Vue Desktop Starter | A starter repository for building modern desktop applications using Tauri v2, Vue.js 3, and Shadcn Vue, packed with essential development tools. | [Github](https://github.com/seferino-fernandez/tauriv2-vue-desktop-starter) |  | ★29 |
| Nuxt3 Shadcn | A barebones Nuxt 3 starter template, providing essential setup for rapid development and easy project initiation. | [Github](https://github.com/guillaumeduhan/nuxt3-shadcn) |  | ★28 |
| Vite Shadcn Turborepo | A pre-configured Turborepo monorepo with a Vite + React app, shadcn/ui integration, and essential TypeScript/ESLint setups for rapid development. | [Github](https://github.com/Binabh/vite-shadcn-turborepo) |  | ★28 |
| Tailwind4 Next15 Shadcn | A \`create-next-app\` bootstrapped Next.js project, featuring Geist font integration and optimized for rapid development and Vercel deployment. | [Github](https://github.com/imohitarora/tailwind4-next15-shadcn) |  | ★28 |
| Vite Template V3 | A starter template for building React applications using TypeScript, Vite, Tailwind CSS v3, and shadcn/ui components. | [Github](https://github.com/shadcn/vite-template-v3) |  | ★27 |
| Example Honox Shadcn UI | A starter repository demonstrating seamless shadcn/ui integration with HonoX, simplifying UI setup with minimal configuration for developers. | [Github](https://github.com/yossydev/example-honox-shadcn-ui) | [Demo](https://honox-shadcn.pages.dev/) | ★27 |
| Super AI | SuperAI is an AI Financial Analyst boilerplate using Superagent and NextJS to chat with data and visualize answers with dynamic Chart.js charts. | [Github](https://github.com/homanp/super-ai) |  | ★27 |
| Shadcn Table Yt | A foundational Next.js project, bootstrapped with \`create-next-app\`, providing a ready-to-use setup for modern web application development. | [Github](https://github.com/Elliott-Chong/shadcn-table-yt) | [Demo](https://shadcn-table.vercel.app) | ★27 |
| Nextjs Admin Shadcn | A backend management system template using Next.js and Shadcn, for developing admin interfaces with user and menu controls. | [Github](https://github.com/gooooooooney/nextjs-admin-shadcn) | [Demo](https://admin.gooney.app) | ★27 |
| Portfolio | A Next.js starter for creating stunning, animated personal portfolios using TailwindCSS for styling and Framer Motion for dynamic effects. | [Github](https://github.com/ChrisAbdo/Portfolio) | [Demo](https://chris-abdo.vercel.app) | ★27 |
| Personal Website | An open-source Next.js 14 personal website template with TypeScript, Tailwind CSS, MDX, Prisma, and Framer Motion for showcasing projects and blogs. | [Github](https://github.com/BinarySenseiii/personal-website) | [Demo](https://faisal-dev.vercel.app/) | ★27 |
| Mkdocs Shadcn | A Next.js 14+ drop-in for MkDocs Material, building fast, customizable documentation sites with Tailwind CSS and shadcn/ui. | [Github](https://github.com/tomw1808/mkdocs-shadcn) | [Demo](https://www.mkdocs-shadcn.org/) | ★26 |
| Authnextjs | A Next.js boilerplate integrating full-stack authentication and Shadcn UI, perfect for rapidly developing modern, secure web applications. | [Github](https://github.com/samabid/authnextjs) | [Demo](https://full-stack-nextjs-auth-pi.vercel.app) | ★26 |
| Laravel Jetstream Shadcn Vue Starter | A powerful Laravel 10 starter kit featuring Jetstream, Inertia.js, Vue 3, and Shadcn-Vue components for modern, responsive web applications with dark mode. | [Github](https://github.com/hugo-abdou/laravel-jetstream-shadcn-vue-starter) |  | ★26 |
| Shadcn Openai Plaid Dashboard | Open-source Next.js finance dashboard using Plaid, OpenAI, and Shadcn for insightful transaction analysis and AI-driven financial Q&A. | [Github](https://github.com/cameronking4/shadcn-openai-plaid-dashboard) | [Demo](https://mint-clone.vercel.app) | ★26 |
| Fast Saas Next.js Boilerplate | A lean Next.js boilerplate with Supabase, Stripe, and NextAuth for quickly launching SaaS products. Focus on your features, not setup. | [Github](https://github.com/tejashVaishnav/Fast-saas-next.js-boilerplate) | [Demo](https://fastsaas.vercel.app) | ★25 |
| Fullstack Travel Scape App | A full-stack travel booking application built with Next.js 14 server actions, Stripe, MongoDB, Shadcn UI, and Tailwind CSS. | [Github](https://github.com/PiusLucky/fullstack-travel-scape-app) |  | ★25 |
| Shadcn Dashboard | A Next.js starter repository for a Shadcn/ui course project, enabling rapid setup with standard Next.js features and Vercel deployment. | [Github](https://github.com/DevTalles-corp/shadcn-dashboard) |  | ★24 |
| Hashnode Next | An elegant starter-kit for Hashnode, built with Next.js and shadcn/ui, empowering developers to swiftly deploy headless blogs. | [Github](https://github.com/alexkates/hashnode-next) | [Demo](https://hashnode-next.dev) | ★24 |
| Remotion Template NextJS | A secure, opinionated Next.js 13 template for Remotion v4, featuring server actions, TailwindCSS, Lambda support, and TypeScript with Zod validation. | [Github](https://github.com/Just-Moh-it/Remotion-Template-NextJS) | [Demo](https://remotion-template-nextjs.vercel.app) | ★24 |
| Travellian Agency Landing Page | Travellian is a travel agency landing page template built using Next.js 14, Shadcn UI, Framer Motion, and Tailwind CSS for modern web experiences. | [Github](https://github.com/PiusLucky/travellian-agency-landing-page) | [Demo](https://travellian-agency-landing-page.vercel.app) | ★24 |
| Multistep Form | A Next.js boilerplate integrating shadcn/ui, React Hook Form for form management, and Zod for schema validation. | [Github](https://github.com/Garwend/multistep-form) |  | ★24 |
| Turborepo Shadcn UI | A Next.js monorepo template using Turborepo, preconfigured with shadcn/ui (as of Oct 2024) and latest package versions for efficient web app development. | [Github](https://github.com/ozdemirrulass/turborepo-shadcn-ui) |  | ★24 |
| Next Starter Template | A minimal Next 14 template featuring App Router, Zustand, React Query, Tailwind CSS, Shadcn/ui, and Dark Mode for efficient full-stack development. | [Github](https://github.com/wilfredinni/next-starter-template) |  | ★24 |
| Nextjs Shadcn V0 Template | A Next.js 13 starter template featuring Tailwind CSS, Shadcn UI, and v0 AI components for rapid web development and learning. | [Github](https://github.com/diegofcornejo/nextjs-shadcn-v0-template) | [Demo](https://nextjs-shadcn-v0ai.vercel.app) | ★24 |
| Nextron With Shadcn UI | A Nextron starter kit integrating Tailwind CSS, TypeScript, and Shadcn/UI components for streamlined modern web application development. | [Github](https://github.com/jekigates/nextron-with-shadcn-ui) |  | ★24 |
| Nx Next Shadcn UI Starter | A starter template for Next.js projects using shadcn/ui within an Nx monorepo, promoting shared UI libraries and organized development. | [Github](https://github.com/patrickvaler/nx-next-shadcn-ui-starter) | [Demo](https://blog.patrickvaler.ch/how-to-get-started-with-shadcn-ui-and-next-js-within-a-nx-monorepo-57908f48b4ef) | ★23 |
| Boilerplate Nextron Shadcn | A TypeScript boilerplate for Nextron projects, integrating Next.js 14, Electron, TailwindCSS, and Shadcn/ui for seamless web and desktop app development. | [Github](https://github.com/MaximePremont/boilerplate-nextron-shadcn) | [Demo](https://github.com/MaximePremont/boilerplate-nextron-shadcn) | ★23 |
| The Boring Page | An open-source Next.js starter for landing pages, featuring TailwindCSS, full shadcn/ui integration, and an enhanced Atomic Design structure for developers. | [Github](https://github.com/kpedrok/the-boring-page) | [Demo](https://atomic-shad.vercel.app) | ★23 |
| Svelte Tailwind4 Starter | Kickstart modern web app development using this Svelte 5 starter, complete with Tailwind CSS 4, Axios, and ShadCn-Svelte integration. | [Github](https://github.com/MattL-NZ/svelte-tailwind4-starter) |  | ★23 |
| Matteogiardino.com | Explore a feature-rich personal website and blog built with Next.js, TypeScript, Tailwind CSS, shadcn/ui, and Prisma, designed for learning and inspiration. | [Github](https://github.com/gatteo/matteogiardino.com) | [Demo](https://matteogiardino.com) | ★23 |
| Astro Lucia Auth Neon | Starter kit integrating Astro with Lucia Auth, serverless Neon Postgres via Prisma, and Tailwind with shadcn/ui for rapid development. | [Github](https://github.com/siegerts/astro-lucia-auth-neon) |  | ★23 |
| Teams Next Shadcn | A Next.js, Supabase, and Shadcn boilerplate for rapidly developing Microsoft Teams applications, featuring SSR and simplified Teams integration. | [Github](https://github.com/guillaumeduhan/teams-next-shadcn) |  | ★22 |
| Sveltekit Boilerplate | A SvelteKit starter template pre-configured with Shadcn UI, Lucia auth, Drizzle ORM, and BullMQ for rapid full-stack app development. | [Github](https://github.com/mynameisvasco/sveltekit-boilerplate) |  | ★22 |
| Next Shadcn Table | A Next.js project template bootstrapped with \`create-next-app\`, providing a solid starting point for developing modern web applications. | [Github](https://github.com/HamedBahram/next-shadcn-table) |  | ★22 |
| Turborepo Shadcn Storybook | A minimal starter template featuring Turborepo, Next.js, Shadcn/ui, and Storybook, providing essentials for rapid project initiation and development productivity. | [Github](https://github.com/UnbreakableKid/turborepo-shadcn-storybook) |  | ★22 |
| Nx Shadcn | A guide or template for setting up Next.js and Shadcn UI within an Nx monorepo, streamlining development for scalable applications. | [Github](https://github.com/bj-budhathoki/nx-shadcn) |  | ★22 |
| LMS NextJs | A Next.js boilerplate for building fullstack Learning Management Systems with Stripe, Prisma, Mux, UploadThing, Shadcn, and MySQL. | [Github](https://github.com/jwala-anirudh/LMS-NextJs) |  | ★22 |
| Laravel Inertia React Shadcn Boilerplate | A CMS boilerplate using Laravel, React, Inertia.js, Shadcn, and PUCK visual editor for modern, customizable web application development. | [Github](https://github.com/CodeRomeos/laravel-inertia-react-shadcn-boilerplate) |  | ★22 |
| Django Next Cookiecutter | A Cookiecutter template for rapidly setting up Django and Next.js monorepos, pre-configured with shadcn/ui and Turbo for efficient development. | [Github](https://github.com/dakshesh14/django-next-cookiecutter) |  | ★21 |
| Saas Starter | An open-source SvelteKit boilerplate with auth, dashboard, blog, and Stripe subscriptions. Built with Tailwind, Supabase for rapid SaaS development. | [Github](https://github.com/startino/saas-starter) |  | ★21 |
| Groq Aisdk Chatbot | Open-source Next.js template for AI chatbots, featuring Vercel AI SDK, shadcn/ui, Tailwind CSS, and multi-provider support. | [Github](https://github.com/groq/groq-aisdk-chatbot) |  | ★21 |
| Svelte Native | A Svelte (v4) template for native Android/iOS apps, integrating Tailwind CSS, Capacitor, Konsta UI, and Shadcn-Svelte for rapid development. | [Github](https://github.com/crewdevio/svelte-native) |  | ★21 |
| Prabhukirankonda Portfolio | A SvelteKit template for personal websites and blogs, packed with Tailwind CSS, Shadcn-Svelte, MDsveX, and rich developer features. | [Github](https://github.com/PrabhuKiran8790/prabhukirankonda-portfolio) | [Demo](https://prabhukirankonda.vercel.app) | ★21 |
| NuxTya | NuxTya offers a clean, customizable Nuxt 3 starter template featuring TypeScript, Tailwind CSS, Shadcn-vue, Pinia, and optional Supabase for rapid development. | [Github](https://github.com/Tyaaa-aa/NuxTya) | [Demo](https://nuxtya.tya.design/) | ★21 |
| Next Saas Template | A comprehensive Next.js 14 boilerplate featuring Prisma, Auth.js v5, Resend, Shadcn/ui, and Stripe to kickstart your SaaS project. | [Github](https://github.com/johanguse/next-saas-template) | [Demo](https://next-saas-template-demo.vercel.app/) | ★21 |
| Hellob.art | A SvelteKit-based portfolio starter using Tailwind CSS and shadcn-svelte. Ideal for developers to showcase projects, work, and studies. | [Github](https://github.com/bartvdbraak/hellob.art) | [Demo](https://hellob.art) | ★21 |
| Solana Starter | An open-source Solana starter featuring Next 15, Turbopack, Tanstack, Shadcn, Tailwind, Solana 2.0, Wallet Standard, and Plausible for rapid dApp development. | [Github](https://github.com/stevesarmiento/solana-starter) | [Demo](https://solana-next-template-peach.vercel.app) | ★21 |
| Tss App | A TanStack Start boilerplate integrating shadcn/ui, tRPC, Drizzle ORM, and Lucia-Auth for rapid, type-safe full-stack development. | [Github](https://github.com/ally-ahmed/tss-app) | [Demo](https://tss-app-theta.vercel.app) | ★21 |
| Portfolio | A developer portfolio template using Next.js 14, React, TailwindCSS, Shadcn UI, Acternity UI, Magic UI, Loops.so, and Supabase for a quick, modern setup. | [Github](https://github.com/SkidGod4444/portfolio) | [Demo](https://devwtf.in) | ★21 |
| Next Shadcn Firebase Auth Boilerplate | A Next.js boilerplate integrating Shadcn UI, React Hook Form, Zod, and Firebase for streamlined authentication system development. | [Github](https://github.com/ln-dev7/next-shadcn-firebase-auth-boilerplate) | [Demo](https://next-shadcn-firebase-auth-boilerplate.vercel.app) | ★20 |
| Mdx | A feature-rich MDX starter template using Next.js 15, Tailwind CSS, and Shadcn/UI for modern, content-driven websites with an excellent developer experience. | [Github](https://github.com/brijr/mdx) | [Demo](https://mdx.bridger.to) | ★20 |
| Sveltekit Lucia Shadcn | A SvelteKit boilerplate with Lucia authentication, Drizzle ORM for database, and Shadcn-svelte UI, including essential auth pages. | [Github](https://github.com/SikandarJODD/sveltekit-lucia-shadcn) | [Demo](https://sveltekit-lucia.vercel.app) | ★20 |
| TSS | A comprehensive TypeScript boilerplate integrating SST, TanStack Start, Drizzle, Shadcn UI, Better Auth, and GitHub Actions for robust, scalable full-stack development. | [Github](https://github.com/taylorfsteele/TSS) |  | ★20 |
| Shadcn Admin Starter Template | A React.js, Shadcn UI, and TypeScript admin template to accelerate dashboard development with built-in modern UI and essential functionalities. | [Github](https://github.com/MinPyaeKyaw/shadcn-admin-starter-template) | [Demo](https://shadcn-admin-starter-template.vercel.app) | ★20 |
| Shadcn Tailwind4 Turborepo | Explore a monorepo demonstrating Shadcn/ui with TailwindCSS v4, featuring distinct themes for separate web and documentation projects via a shared UI package. | [Github](https://github.com/goncy/shadcn-tailwind4-turborepo) |  | ★20 |
| Ray Admin | Ray is a free, open-source full-stack admin template using Next.js, tRPC, Prisma, and TypeScript, perfect for rapid development and learning. | [Github](https://github.com/koujialong/ray-admin) | [Demo](https://koujialong-ray.vercel.app) | ★20 |
| Shadcn UI Template | A Next.js boilerplate inspired by shadcn's official site, offering responsive navigation, dark/light modes, and a sticky footer to accelerate project kickoff. | [Github](https://github.com/adminazhar/shadcn-ui-template) |  | ★20 |
| Portfolio | A developer portfolio template leveraging Next.js, Tailwind CSS, and Shadcn UI for a clean, modern, and responsive online presence. | [Github](https://github.com/Lufixy/Portfolio) |  | ★19 |
| Fullstack Next Fastapi | A fullstack starter leveraging Next.js, Tailwind, Shadcn UI, FastAPI, SQLAlchemy, and a complete asynchronous Python backend stack for rapid development. | [Github](https://github.com/CibiAananth/fullstack-next-fastapi) |  | ★19 |
| Nextjs Shadcn.UI Portfolio | A developer portfolio template built with Next.js, JavaScript, Tailwind CSS, and Shadcn-UI to present projects and skills effectively. | [Github](https://github.com/premvarma2002/nextjs-shadcn.ui-portfolio) | [Demo](https://premvarma.vercel.app) | ★19 |
| Shadcn Sidebar | A Next.js starter project designed for a simple implementation of a Shadcn-inspired sidebar, streamlining your web development workflow. | [Github](https://github.com/TheOrcDev/shadcn-sidebar) |  | ★19 |
| Ra Shadcn Demo | Vite starter showcasing headless react-admin with shadcn, built on React & TypeScript for custom admin panel development. | [Github](https://github.com/marmelab/ra-shadcn-demo) | [Demo](https://ra-shadcn-demo.vercel.app) | ★19 |
| Bolt Nextjs Shadcn Starter | A Next.js starter template featuring shadcn/ui, ready for immediate development and editing in StackBlitz. Kickstart your project effortlessly. | [Github](https://github.com/biubiubiu35/bolt-nextjs-shadcn-starter) | [Demo](https://stackblitz.com/edit/bolt-nextjs-shadcn-2wkvcz) | ★19 |
| Next Shadcn Dashboard Starter | A Next.js 14 admin dashboard starter with TypeScript, Tailwind CSS, Shadcn-ui, NextAuth, Zustand, Uploadthing, and Tanstack Tables for rapid UI development. | [Github](https://github.com/toptalhook/next-shadcn-dashboard-starter) |  | ★19 |
| Solo Website NEXTJS14 | A Next.js project showcasing Tailwind CSS, Radix UI, and Shadcn UI for building responsive, interactive web applications for businesses. | [Github](https://github.com/henilveira/Solo-Website-NEXTJS14) | [Demo](https://solosolutions.com.br) | ★19 |
| Vini Boilerplate | A Next.js starter template integrating Radix UI, Tailwind CSS, and essential modern development tools for rapid application building and high-quality code. | [Github](https://github.com/vinihvc/next-boilerplate) |  | ★18 |
| Nextjs Corporate Blog Starter | A Next.js 15 starter for corporate blogs, featuring Tailwind CSS, Shadcn UI, and seamless Wisp CMS integration. | [Github](https://github.com/Wisp-CMS/nextjs-corporate-blog-starter) | [Demo](https://nextjs-corporate-blog-starter.vercel.app) | ★18 |
| Metaplex Nextjs Tailwind Shadcn Template | A downloadable Next.js and Tailwind UI template pre-configured with Metaplex Umi, Solana WalletAdapter, and Zustand for rapid Solana dApp development. | [Github](https://github.com/metaplex-foundation/metaplex-nextjs-tailwind-shadcn-template) |  | ★18 |
| Creative Agency Website Version 2 | A Next.js 14 template for building animated creative agency landing pages, featuring Framer Motion, Shadcn, Lenis, and Tailwind CSS for responsive design. | [Github](https://github.com/PiusLucky/creative-agency-website-version-2) | [Demo](https://creative-agency-website-version-2.vercel.app) | ★18 |
| Hydrogen Skeleton Shadcn | A minimal Hydrogen starter template for Shopify, pre-styled with Shadcn and Radix UI, enabling rapid development of headless e-commerce experiences. | [Github](https://github.com/joshistoast/hydrogen-skeleton-shadcn) | [Demo](https://hydrogen-skeleton-shadcn.vercel.app/) | ★18 |
| Nuxt Shadcn Tailwind Fivem Boilerplate | A comprehensive starter template for FiveM servers, integrating Nuxt.js, Tailwind CSS, ShadCN (Vue) components, and Lua for efficient UI development. | [Github](https://github.com/jackpilstrand/nuxt-shadcn-tailwind-fivem-boilerplate) |  | ★18 |
| Vite React Shadcn Demo | This demo project showcases a React application powered by Vite, featuring Shadcn/ui components, TypeScript, and Tailwind CSS for modern UI development. | [Github](https://github.com/VoloBuilds/vite-react-shadcn-demo) |  | ★18 |
| Setup Nextjs Convex Clerk Typescript Stripe Shadcn Tailwindcss React | A Next.js boilerplate integrating Convex, Clerk, Stripe, ShadCN, Tailwind CSS, and TypeScript for building modern, full-stack React applications. Includes tutorial. | [Github](https://github.com/vukrosic/setup-nextjs-convex-clerk-typescript-stripe-shadcn-tailwindcss-react) |  | ★18 |
| Saas Wallet | A responsive SaaS landing page template built with Next.js 14, TypeScript, Tailwind CSS, and Shadcn for rapid project kickstarts. | [Github](https://github.com/PiusLucky/saas-wallet) | [Demo](https://saas-wallet.vercel.app) | ★17 |
| NextJs Training | A Next.js boilerplate for creating a Stack Overflow-like platform, featuring Tailwind CSS, Shadcn UI, Mongoose for database, and Clerk for authentication. | [Github](https://github.com/AliSabet81/NextJs-Training) | [Demo](https://next-js-training-henna.vercel.app) | ★17 |
| Sample UI React | A sample SPA project template using React, TypeScript, shadcn/ui, and Vite, designed for BtoB management site development. | [Github](https://github.com/jkazama/sample-ui-react) |  | ★17 |
| Next Blogger | An open-source static blog generator using Next.js, Notion (as CMS), TypeScript, Shadcn UI, and Tailwind CSS for a premium, fast blogging experience. | [Github](https://github.com/alex-guoba/next-blogger) | [Demo](https://next-blogger-red.vercel.app/) | ★17 |
| Lms | A full-featured Learning Management System (LMS) boilerplate using Next.js, Prisma, PostgreSQL, and Clerk for educators and students. | [Github](https://github.com/DevKrishnasai/lms) | [Demo](https://lms.krishnasai.top/) | ★17 |
| React Shadcn Vite | A deprecated boilerplate for React, Shadcn UI, and Vite projects. Refer to official Shadcn documentation for current setup procedures. | [Github](https://github.com/khizarIqbal93/react-shadcn-vite) |  | ★17 |
| Kareem Bask Dashboard | Bask Dashboard: A real-time, customizable Next.JS 14 dashboard using React Query, Shadcn, and TailwindCSS for comprehensive data insights. | [Github](https://github.com/KareemE125/kareem-bask-dashboard) | [Demo](https://kareem-bask-health.vercel.app/) | ★17 |
| React Vite Starter | A Vite-powered React starter template with TypeScript, TailwindCSS, ShadCN/ui, RTK Query, and extensive tooling for modern web development. | [Github](https://github.com/tejachundru/react-vite-starter) | [Demo](https://react-vite-starter-ten.vercel.app/) | ★17 |
| QuickCommerce | A Next.js 14 e-commerce starter with Sanity CMS, TypeScript, Tailwind CSS, Shadcn/ui, GSAP, client pagination, and an integrated blog. SEO-optimized with SSG & ISR. | [Github](https://github.com/zyxzb/QuickCommerce) | [Demo](https://quick-commerce-theta.vercel.app) | ★17 |
| Mng Stack | A comprehensive monorepo starter kit combining Turborepo, NestJS, NextJS, tRPC, ShadcnUI, and TailwindCSS, pre-configured for Vercel deployment. | [Github](https://github.com/Mnigos/mng-stack) | [Demo](https://mng-stack.vercel.app) | ★17 |
| Nextjs Gear | Next.js Gear is a starter template providing a clean foundation for Next.js projects, integrating TypeScript, Tailwind CSS, shadcn/ui, and i18n. | [Github](https://github.com/rockstack-dev/nextjs-gear) | [Demo](https://nextjs-gear.vercel.app) | ★17 |
| Equalizer Lp | A developer-focused template for creating responsive Equalizer landing pages using Next.js, TypeScript, Tailwind CSS, and Shadcn/ui components. | [Github](https://github.com/gumrahsindar/equalizer-lp) | [Demo](https://equalizer-landing-page-eta.vercel.app) | ★16 |
| Nuxt3 Shadcn Starter Template | A comprehensive Nuxt 3 starter template featuring Tailwind CSS, Pinia, Shadcn-vue, VueUse, and Radix Icons for rapid web application development. | [Github](https://github.com/therealzaybee/nuxt3-shadcn-starter-template) | [Demo](https://nuxt3-shadcn-starter-template.netlify.app/) | ★16 |
| Launch Landing Page | A beautifully styled, animated 'Coming Soon' landing page built with Next.js 13, TailwindCSS, and shadcn-ui, ready for quick deployment. | [Github](https://github.com/1w6ts/launch-landing-page) |  | ★16 |
| Template Nextjs Convexauth Shadcn | A Next.js template integrating Convex for backend/database, Convex Auth for user authentication, and Tailwind CSS with shadcn/ui for frontend. | [Github](https://github.com/get-convex/template-nextjs-convexauth-shadcn) |  | ★16 |
| Pocketbook | A Rakkasjs starter template featuring Vite SSR, Shadcn UI, DaisyUI theming, and Pocketbase integration, ideal for building minimal social applications. | [Github](https://github.com/tigawanna/pocketbook) | [Demo](https://pocketbook-pi.vercel.app/) | ★16 |
| Turbo Drizzle | A pre-configured Turborepo starter featuring Drizzle ORM and PostgreSQL, designed to streamline full-stack TypeScript application development. | [Github](https://github.com/htsh-tsyk/turbo-drizzle) |  | ★15 |
| Nextjs Nextauth Drizzle Shadcn | A Next.js 15 starter with React 19, NextAuth 5, Drizzle ORM, Shadcn/UI, PostgreSQL, and Jest for rapid, type-safe full-stack development. | [Github](https://github.com/moshefortgang/nextjs-nextauth-drizzle-shadcn) | [Demo](https://next15-nextauth5-drizzle-shadcn.vercel.app) | ★15 |
| Orcish Nuxt Admin | A minimal Nuxt 3 starter template designed for building admin interfaces, prepped for use with the Shadcn UI component library. | [Github](https://github.com/TheOrcDev/orcish-nuxt-admin) |  | ★15 |
| Shadcn Dashboard | A Next.js boilerplate for quickly building simple and clean dashboards using Shadcn UI components, ready for customization. | [Github](https://github.com/daylinarmstead/shadcn-dashboard) | [Demo](https://shadcn-dashboard-beta.vercel.app) | ★15 |
| Starter | Pre-configured Next.js starter with shadcn/ui and brijr/craft integration, ready for quick project kickoff and efficient UI building. | [Github](https://github.com/brijr/starter) | [Demo](https://starter.bridger.to) | ★14 |
| Nextjs Ecommerce | A full-stack Next.js 14 e-commerce boilerplate featuring Stripe payments, Sanity.io content management, and Tailwind CSS styling for rapid development. | [Github](https://github.com/francislagares/nextjs-ecommerce) | [Demo](https://nextjs-ecommerce-francislagares.vercel.app) | ★14 |
| AI Of Everything Saas | A Next.js 13 starter for AI SaaS apps, featuring Clerk auth, shadcn/ui, OpenAI/Replicate AI, Stripe payments, and Crisp support. | [Github](https://github.com/askinbilir/ai-of-everything-saas) | [Demo](https://ai-of-everything.vercel.app) | ★14 |
| Genius | An AI SaaS platform built with Next.js 13, offering five AI tools, Stripe integration, and a user-centric interface for modern web applications. | [Github](https://github.com/Dawitlior/Genius) | [Demo](https://genius-saas-platform.vercel.app) | ★14 |
| Next Trpc Drizzle Starter | Opinionated Next.js 13.4 App Router template with tRPC, Drizzle ORM, Supabase, NextAuth, TailwindCSS, and ShadCN/ui for full-stack development. | [Github](https://github.com/miljan-code/next-trpc-drizzle-starter) |  | ★14 |
| Purescript Shadcn Tailwind Copypaste | A minimal starter project for PureScript, integrating React, Shadcn UI, and Tailwind CSS, ideal for learning and bootstrapping new applications. | [Github](https://github.com/Zelenya/purescript-shadcn-tailwind-copypaste) |  | ★14 |
| Online Learning Landing Page | A Next.js 14 and Tailwind CSS boilerplate for creating modern, responsive online learning platform landing pages, featuring Shadcn UI and Lenis. | [Github](https://github.com/PiusLucky/online-learning-landing-page) | [Demo](https://online-learning-landing-page-iota.vercel.app) | ★14 |
| Astro R3f Starter | An opinionated Astro starter for building robust, SEO-optimized, PWA-compliant static websites, pre-configured with TailwindCSS and TypeScript. | [Github](https://github.com/ianyimi/astro-r3f-starter) |  | ★14 |
| Astro Shadcn UI Template | A starter template for Astro projects, integrating Tailwind CSS for styling and key dependencies for shadcn/ui components, streamlining initial setup. | [Github](https://github.com/talves/astro-shadcn-ui-template) |  | ★14 |
| Nextjs Boilerplate | A Next.js boilerplate with TailwindCSS, Typescript, shadcn/ui, Mixpanel, and Vercel integration for rapid, modern web application development. | [Github](https://github.com/NikSchaefer/nextjs-boilerplate) | [Demo](https://nextjs.nikschaefer.com) | ★14 |
| Revite | ReVite is a React starter template powered by Vite, featuring ShadcnUI, Tailwind CSS, and Lucide icons to accelerate your project setup and development. | [Github](https://github.com/vwh/revite) |  | ★14 |
| Vite React Tailwindcss Shadcn Project Starter | A minimal project template for React and TypeScript, powered by Vite, with ESLint, and ready for Tailwind CSS & Shadcn/ui integration. | [Github](https://github.com/mdalmamunit427/vite-react-tailwindcss-shadcn-project-starter) |  | ★13 |
| Nuxt Shadcn Boilerplate | A comprehensive Nuxt 3 boilerplate integrating Shadcn UI, designed to accelerate web development with pre-configured tools and a modern stack. | [Github](https://github.com/yusufalitangoz/nuxt-shadcn-boilerplate) | [Demo](https://boilerplate.yali.dev) | ★13 |
| Shadcn Vue Example | A starter template for Vue 3 and Vite, configured for shadcn-vue, enhancing development with TypeScript and recommended tooling. | [Github](https://github.com/drehimself/shadcn-vue-example) |  | ★13 |
| Template Old | A comprehensive Next.js starter template integrating Supabase for backend, Stripe for payments, TailwindCSS for styling, and shadcn/ui for UI components. | [Github](https://github.com/Steellgold/template-old) |  | ★13 |
| Decent Nextjs Starter Template | A Next.js starter template featuring shadcn/ui, Drizzle/Turso, Auth.js, and SST (Ion) pre-configured for rapid project initiation and development. | [Github](https://github.com/jschuur/decent-nextjs-starter-template) | [Demo](https://decent.joostschuur.com/) | ★13 |
| Ame X.net.v2 | ame-x.net.v2: A full-stack portfolio starter using Hono, Next.js App Router, RadixUI, Shadcn UI, TailwindCSS, Gsap, and Three.js. | [Github](https://github.com/EdamAme-x/ame-x.net.v2) | [Demo](https://ame-x.net) | ★13 |
| Next Shadcn Markdoc | A Next.js 13 starter integrating Markdoc, shadcn/ui, and Tailwind CSS. Features App Directory, dark mode, and essential modern web development tools. | [Github](https://github.com/noxify/next-shadcn-markdoc) | [Demo](https://next-shadcn-markdoc.vercel.app/) | ★13 |
| Uifry | A responsive landing page template built with Next.js 14, Shadcn, and Tailwind CSS, based on a Figma design. Ideal for financial app showcases. | [Github](https://github.com/PiusLucky/uifry) | [Demo](https://uifry-nine-sage.vercel.app) | ★13 |
| ReactBoilerplate | A comprehensive React boilerplate with TypeScript, TailwindCSS, Recoil, React Router, and Shadcn/ui, ready for immediate development and customization. | [Github](https://github.com/devnadeemashraf/ReactBoilerplate) | [Demo](https://react-ts-boilerplate.vercel.app/) | ★13 |
| Laravel React Shadcn | A starter kit uniting Laravel 11, Shadcn components, React, and TypeScript to accelerate modern, responsive web application development with a robust full-stack foundation. | [Github](https://github.com/obenchkroune/laravel-react-shadcn) |  | ★13 |
| Vue Shadcn Boilerplate | A feature-packed Nuxt 3 Shadcn boilerplate with UI-Thing, Inspire UI, Dark Mode, i18n, Pinia, Tailwind, Zod, and icon collections for rapid development. | [Github](https://github.com/MohsenDastaran/Vue-Shadcn-Boilerplate) | [Demo](https://vue-shadcn-boilerplate.netlify.app) | ★13 |
| Astro Pocketbase Template | A monorepo boilerplate for rapid full-stack web development using Astro, React, Tailwind CSS, Shadcn UI, and Pocketbase. | [Github](https://github.com/tegarimansyah/astro-pocketbase-template) |  | ★13 |
| Duxt Starter | A Nuxt 3 starter providing customizable, shadcn-ui inspired components. Easily copy, paste, and tailor elements for rapid project development. | [Github](https://github.com/BayBreezy/duxt-starter) | [Demo](https://duxt-ui.netlify.app/getting-started) | ★13 |
| Portfolio 3.0 | A personal portfolio template (v3.0) using Next.js, TailwindCSS, Octokit, and Shadcn, focused on enhanced UX and seamless design for showcasing work. | [Github](https://github.com/AntonyJudeShaman/Portfolio-3.0) | [Demo](https://antonyjudeshaman.vercel.app) | ★13 |
| Payload Shadcn | A step-by-step starter for integrating Next.js, Payload CMS (beta), and Shadcn UI, enabling swift modern web application development. | [Github](https://github.com/SimonVreman/payload-shadcn) |  | ★12 |
| Beauty By Jitka | A SvelteKit starter for a medical injector's landing page, integrating svelte-superforms, FastAPI, shadcn-svelte, GSAP, and more for a rich user experience. | [Github](https://github.com/engageintellect/beauty-by-jitka) | [Demo](https://beautybyjitka.com) | ★12 |
| PERSONAL PORTFOLIO Next14 TypeScript GSAP Tailwind | A modern personal portfolio website template using Next.js 14, TypeScript, and Tailwind CSS. Currently under active development for developers. | [Github](https://github.com/pjborowiecki/PERSONAL-PORTFOLIO-Next14-TypeScript-GSAP-Tailwind) | [Demo](https://pjborowiecki.com) | ★12 |
| Ecommerce Admin | A production-ready full-stack e-commerce admin dashboard built with Next.js, Firebase, ShadCn, Tailwind CSS, and Axios for streamlined store management. | [Github](https://github.com/OlacodesLA/ecommerce-admin) |  | ★12 |
| Shadcn Style Test | A Vite + React + TypeScript starter template to create Shadcn-inspired components using TenoxUI CSS, featuring HMR and ESLint. | [Github](https://github.com/nousantx/Shadcn-Style-Test) |  | ★12 |
| Shadcn Table Example | A minimal Vite template for React and TypeScript, featuring HMR, ESLint, and choices for Fast Refresh to kickstart your project. | [Github](https://github.com/Rohit1024/shadcn-table-example) | [Demo](https://shadcn-table-example.vercel.app) | ★12 |
| Shadcn Tiptap | A basic Next.js starter for integrating the Tiptap rich text editor, styled with Shadcn UI, ready for quick development. | [Github](https://github.com/davidpattaguan/shadcn-tiptap) | [Demo](https://shadcn-tiptap.vercel.app) | ★12 |
| Astro Shadcn UI | A streamlined Astro.js starter kit with Shadcn-ui, Tailwind CSS, and TypeScript for building modern web applications rapidly. | [Github](https://github.com/rakarmp/astro-shadcn-ui) | [Demo](https://astro-shadcn-ui.vercel.app) | ★12 |
| Larashad | A ready-to-use Laravel Breeze boilerplate featuring Inertia, React, TypeScript, and the shadcn/ui component library for quick project setup. | [Github](https://github.com/nickescobedo/larashad) |  | ★12 |
| Wails Template Shadcn Svelte | A Wails template integrating Shadcn UI and Svelte/Kit, accelerating setup for modern, cross-platform desktop application development. | [Github](https://github.com/xijaja/wails-template-shadcn-svelte) |  | ★12 |
| Livepeer Boilerplate | A pre-configured boilerplate for Livepeer video apps, featuring Next.js, TailwindCSS, and ShadCN UI for rapid development and easy integration. | [Github](https://github.com/dabit3/livepeer-boilerplate) |  | ★11 |
| Fullstack Ecommerce Admin | A Next.js admin panel for e-commerce, equipped with ShadCN, Tailwind, Zod, Zustand, Prisma, Clerk, and Stripe. | [Github](https://github.com/AliSabet81/fullstack-ecommerce-admin) | [Demo](https://fullstack-ecommerce-admin-ali.vercel.app/) | ★11 |
| Mern Hr Management System | A CRUD-based Human Resources management system starter, built with MERN, Next.js, and styled using Shadcn UI components. | [Github](https://github.com/Sonnysam/mern-hr-management-system) |  | ★11 |
| Remix Spa Shadcn Dashboard Sample | A starter template for building Remix Single-Page Applications with Shadcn-UI, Vite, and Client Data, ideal for admin dashboards. | [Github](https://github.com/Thirosue/remix-spa-shadcn-dashboard-sample) | [Demo](https://remix-spa-shadcn-dashboard-sample.vercel.app) | ★11 |
| Next Template | A Next.js 13 template featuring shadcn/ui, Tailwind CSS, and developer tools like ESLint, Prettier, Husky, and CSpell for accelerated project setup. | [Github](https://github.com/fellipeutaka/next-template) | [Demo](https://fellipeutaka-next-template.vercel.app/) | ★11 |
| Coheneyal.com | A personal website and blog template utilizing Next.js App Router, ContentLayer, Shadcn/UI, and Tailwind CSS for modern development. | [Github](https://github.com/eyalcohen4/coheneyal.com) | [Demo](https://coheneyal.com) | ★11 |
| Form | A Next.js starter for building secure login/signup forms with robust validation, featuring NextAuth, Prisma, Supabase, Shadcn UI, and TypeScript. | [Github](https://github.com/dilarauluturhan/form) |  | ★11 |
| Next 15 Shadcn | A Next.js project template, bootstrapped via \`create-next-app\`, offering a streamlined setup for rapid web development. | [Github](https://github.com/HamedBahram/next-15-shadcn) |  | ★11 |
| MinimalFolio | MinimalFolio is a personal portfolio template using Next.js, React, TypeScript, ShadCN, and Tailwind CSS for developers to showcase their work. | [Github](https://github.com/vaibd/minimalFolio) | [Demo](https://vaibd.vercel.app) | ★10 |
| Remix Shadcn UI Dark Theme Demo | A Remix.run starter project integrating shadcn/ui components and built-in dark mode support, ready for Vercel deployment. | [Github](https://github.com/abdulkader/remix-shadcn-ui-dark-theme-demo) | [Demo](https://remix-shadcn-ui-dark-theme-demo.vercel.app) | ★10 |
| Alternate Woo Commerce Landing Page | An open-source alternate WooCommerce landing page template built with Next.js 14, Shadcn UI, and Tailwind CSS for contemporary e-commerce sites. | [Github](https://github.com/PiusLucky/alternate-woo-commerce-landing-page) | [Demo](https://alternate-woo-commerce-landing-page.vercel.app) | ★10 |
| Nextjs Saas Chat Translation App | A Next.js boilerplate for building SaaS applications, featuring Stripe, Shadcn, Firestore, Zod, Zustand, Firebase, TypeScript, and NextAuth. | [Github](https://github.com/yasinsametkaraca/nextjs-saas-chat-translation-app) | [Demo](https://nextjs-saas-chat-translation-app-liard.vercel.app/) | ★10 |
| Turborepo Next Express Shadcnui Starter | A Turborepo boilerplate to efficiently start web development with Next.js frontends, an Express backend, and shared ShadcnUI components. | [Github](https://github.com/htcni/turborepo-next-express-shadcnui-starter) |  | ★9 |
| Taxonomy Edge | A Next.js 13 starter, forked from shadcn's Taxonomy, optimized for Edge Runtime deployment with an updated, edge-compatible tech stack. | [Github](https://github.com/Kriebel-LLC/taxonomy-edge) | [Demo](https://tx.kriebel.io) | ★9 |
| Sveltekit Stack | A SvelteKit starter with Svelte v5, Drizzle ORM, Hono RPC, Shadcn UI, and Supabase (Postgres) for modern full-stack development. | [Github](https://github.com/paraform/sveltekit-stack) |  | ★8 |
| Supabase Auth Starter | A Next.js 13 starter template integrating Supabase, Typescript, Tailwind CSS, and shadcn/ui for rapid serverless web app development. | [Github](https://github.com/tjfoerster/supabase-auth-starter) |  | ★8 |
| Super Dash | A Next.js admin dashboard template featuring shadcn/ui and NextAuth for authentication, enabling quick project setup and modern UI development. | [Github](https://github.com/umairshaikh5521/super-dash) | [Demo](https://super-dash.vercel.app) | ★7 |
| Astro Shadcn | An Astro 5 starter project, equipped with Shadcn/UI and React for streamlined development of performant, visually appealing web experiences. | [Github](https://github.com/one-ie/astro-shadcn) | [Demo](https://astro-shadcn.one.ie) | ★7 |
| Sveltekit Shadcn Starter | A SvelteKit starter integrating shadcn-svelte, designed for rapid development of modern, stylish web applications. | [Github](https://github.com/jahir9991/sveltekit-shadcn-starter) | [Demo](https://sveltekit-shadcn.pages.dev) | ★7 |
| Sveltekit Shadcn Auth Starter | A SvelteKit boilerplate with Lucia auth, Prisma, Zod, and SuperForms for PostgreSQL, enabling fast development of secure authenticated applications. | [Github](https://github.com/gribard/sveltekit-shadcn-auth-starter) | [Demo](https://sveltekit-shadcn-auth-starter.vercel.app) | ★7 |
| Template React Browser Extension | An opinionated starter template for crafting browser extensions for Chromium and Firefox, powered by React, Tailwind CSS, and Shadcn-UI for modern development. | [Github](https://github.com/jose-donato/template-react-browser-extension) |  | ★7 |
| Todo App With Server Action | A Next.js 13.4 boilerplate for creating Todo applications using Server Actions, Prisma, PostgreSQL, and styled with ShadcnUI and Tailwind CSS. | [Github](https://github.com/shakibdshy/todo-app-with-server-action) | [Demo](https://todo-app-with-server-action.vercel.app) | ★7 |
| shadcn-location-picker | A production-ready template for building full-stack React applications using React Router, featuring SSR, HMR, TypeScript, and TailwindCSS. | [Github](https://github.com/brielov/shadcn-location-picker) | [Demo](https://shadcn-location-picker.vercel.app/) | ★7 |
| StarterPack | A comprehensive Laravel starter kit featuring Inertia.js, React, Breeze authentication, and ShadcnUI, designed to accelerate modern web application development. | [Github](https://github.com/elrincondeisma/starterPack) |  | ★6 |
| Duxt | Duxt is a Nuxt 3 starter template using TailwindCSS and Nuxt Content, designed to quickly build comprehensive documentation for any project. | [Github](https://github.com/BayBreezy/duxt) | [Demo](https://duxt.behonbaker.com) | ★5 |
| Nextjs Feedback Template | A Next.js starter template using React Email and Resend to add effective customer email feedback functionality to your website. | [Github](https://github.com/tsui66/nextjs-feedback-template) |  | ★5 |
| turborepo-nextjs-wxt-shadcn-boilerplate | A Turborepo starter for building Next.js web apps and WXT browser extensions, featuring shadcn/ui, and unified TypeScript, ESLint, Tailwind CSS, and Prettier configurations. | [Github](https://github.com/Aniket-508/turborepo-nextjs-wxt-shadcn-boilerplate) |  | ★2 |
| Template | A Next.js starter template featuring Supabase, Stripe, TailwindCSS, and shadcn/ui for rapid full-stack web application development. | [Github](https://github.com/Steellgold/template) |  | ★1 |
| Makerkit Remix + Supabase Fullstack Boilerplate | A feature-rich fullstack boilerplate using Remix, Supabase, and Tailwind, including multi-tenancy, Stripe, blog, docs, and marketing pages for rapid SaaS development. |  | [Demo](https://remix-supabase-demo.makerkit.dev/?atp=serpuiaffiliate) |  |
| My space | A full-stack application boilerplate for building personal digital diaries or social sharing platforms, featuring a Next.js frontend and a Hono.js backend. | [Github](https://github.com/yeabnoah/My%20space) | [Demo](https://my-space-chi.vercel.app) |  |
| Streamline - Nextjs shadcn/ui Template | A minimal and unique landing page template built with Next.js 15, shadcn/ui, and Tailwind 4, for modern software product showcases. |  | [Demo](https://streamline-nextjs-template.vercel.app/?ref=serpuiaffiliate) |  |
| MERN STACK PORTFOLIO WITH ADMIN PANEL | A full-stack MERN portfolio with Node.js, Express, MongoDB, React, Redux, Tailwind CSS, ShadCN, and a dedicated admin dashboard. | [Github](https://github.com/Zeeshu911/MERN%20STACK%20PORTFOLIO%20WITH%20ADMIN%20PANEL) |  |  |
| Next Typescript Tailwind Auth Template | A Next.js template pre-configured with session authentication, Tailwind CSS styling, all shadcn/ui components, and Zod for form validations. | [Github](https://github.com/zacharynoble/next-typescript-tailwind-auth-template) |  |  |
| Stack overflow nextjs13 | Devflow is a Stack Overflow clone template using Next.js, React, Tailwind CSS, Clerk, MongoDB, and shadcn for rapid Q&A platform development. | [Github](https://github.com/Sahil-Shadwal/stack%20overflow%20nextjs13) | [Demo](https://devflow.shadwal.site) |  |
| Plasmo tailwinds supabase scaffold | A Plasmo-based Chrome extension scaffold with Supabase auth, Tailwind CSS, and Shadcn-UI for rapid UI development. | [Github](https://github.com/remusris/plasmo%20tailwinds%20supabase%20scaffold) |  |  |
| Next Minimal Store | A Next.js boilerplate for creating minimal e-commerce experiences, drawing inspiration from yeezy.com's aesthetic for developers. | [Github](https://github.com/leerob/next-minimal-store) | [Demo](https://nextzy.vercel.app) |  |
| Shipixen | A Next.js boilerplate and site generator using Tailwind, Shadcn UI, MDX, and Contentlayer for rapid deployment of performant web applications. |  | [Demo](https://shipixen.com?aff=bRnek) |  |
| Makerkit | Makerkit is the ultimate React SaaS Starter Kit, accelerating your SaaS launch with pre-built authentication, multi-tenancy, payments, and more essential features. |  | [Demo](https://makerkit.dev/?atp=serpuiaffiliate) |  |
| Supaboost | Supaboost is a comprehensive SaaS starter template using Supabase, NextJS, and TypeScript, designed for B2B applications with built-in auth and database schema. |  | [Demo](https://www.supaboost.dev?aff=bRnek) |  |
| Mainline - Nextjs shadcn/ui Template | A unique, minimal landing page template built with Next.js 15, shadcn/ui, and Tailwind CSS 4, designed for modern software product showcases. |  | [Demo](https://mainline-nextjs-template.vercel.app/?ref=serpuiaffiliate) |  |
| Jsm storeit | Discover a modern file solution with React 19, Next.js 15, Appwrite, and TailwindCSS, offering streamlined file management, user authentication, and powerful search. | [Github](https://github.com/rr3s1/jsm%20storeit) |  |  |
| Relative - Nextjs shadcn/ui Template | A Next.js, shadcn/ui, and Tailwind CSS template for rapidly building marketing websites with essential, pre-designed sections. |  | [Demo](https://relative-nextjs-template.vercel.app/?ref=serpuiaffiliate) |  |
| Saasrock - Remix Fullstack Boilerplate | Accelerate B2B SaaS development with SaasRock, a Remix boilerplate featuring 25+ pre-built tools like auth, Stripe, admin, and more. |  | [Demo](https://saasrock.com/?via=serpuiaffiliate) |  |
| New Cult - Stunning fullstack nextjs templates | Cult UI Pro offers full-stack Shadcn blocks, Next.js templates, and components using React, Typescript, Tailwind CSS, and Motion to accelerate web app development. |  | [Demo](https://pro.cult-ui.com?ref=serpuiaffiliate) |  |
| Makerkit Clone | An open-source Supabase starter kit with shadcn, Tailwind, Stripe, and multi-organization support. Accelerate your SaaS business launch with this comprehensive template. | [Github](https://github.com/HiteshG/makerkit-clone) | [Demo](https://lra-saas.vercel.app/) |  |
| Technerd NextJs starter template | Launch Next.js full-stack projects quickly with Mongoose, Zod, Shadcn, Tailwind CSS, and NextAuth, managed by pnpm for robust applications. | [Github](https://github.com/yeabnoah/technerd%20NextJs%20starter%20template) | [Demo](https://tech-nerd-next-js-starter17.vercel.app/) |  |
| Template react ts tw | This template offers a streamlined React, TypeScript, and Vite setup, enhanced with Bun, Tailwind CSS, and ShadCN for rapid UI creation. | [Github](https://github.com/varun-d/template%20react%20ts%20tw) |  |  |
| Mkdirs - Directory Boilerplate | A robust Next.js and Sanity CMS starter kit for developing directory sites with listings, categories, filters, paid submissions, and content workflows. |  | [Demo](https://demo.mkdirs.com?via=serpuiaffiliate) |  |
| Ecommerce Dashboard | A Next.js starter for an all-in-one E-commerce management dashboard, featuring shadcn-ui, TypeScript, PlanetScale, and ClerkAuth for modern development. | [Github](https://github.com/dhawal-793/Ecommerce%20Dashboard) | [Demo](https://ecommerce-dashboard-793.vercel.app/) |  |
| Makerkit Next.js + Supabase Fullstack Boilerplate | A comprehensive Next.js and Supabase boilerplate with Tailwind, Typescript, Multi-Tenancy, Stripe, Blogging, Documentation, and Marketing pages for accelerated development. |  | [Demo](https://nextjs-supabase-demo.makerkit.dev/?atp=serpuiaffiliate) |  |
| Supabase ssr auth Nextjs 14 Shadcn Template | A Next.js 14 project template featuring Prisma ORM, Supabase for backend/auth, Shadcn for UI, and Google Sign-Up integration for developers. | [Github](https://github.com/Marc-Kruiss/supabase%20ssr%20auth-nextjs%2014-shadcn-template) |  |  |
| Makerkit Next.js + firebase Fullstack Boilerplate | A Next.js and Firebase boilerplate for SaaS, featuring Tailwind, TypeScript, multi-tenancy, Stripe, and essential pre-built pages for rapid deployment. |  | [Demo](https://next-fire-demo.makerkit.dev/?atp=serpuiaffiliate) |  |
| Charter - Nextjs shadcn/ui Template | A Next.js template with shadcn/ui & Tailwind for modern fintech sites, featuring a developer API for robust, encrypted financial products. |  | [Demo](https://charter-nextjs-template.vercel.app/?ref=serpuiaffiliate) |  |
| Nextjs shadcn loginSignup with supabase | A Next.js boilerplate integrating Supabase for user login and signup, providing a production-ready foundation for web application development. | [Github](https://github.com/furqan4545/Nextjs%20shadcn%20loginSignup%20with%20supabase) |  |  |
| Event platform | A full-stack Next.js 14 boilerplate for creating event organization platforms like Eventbrite, featuring authentication, event management, and payments. | [Github](https://github.com/adrianhajdin/event%20platform) | [Demo](https://event-platform-4yc7.vercel.app/) |  |
| Event platform | A Next.js 14 starter for creating event management applications with authentication, payments, search, and event organization, inspired by Eventbrite. | [Github](https://github.com/emredkyc/event%20platform) | [Demo](https://event-platform-dev.vercel.app) |  |
| Nextbase Pro | Nextbase is a Next.js Supabase SaaS starter kit with authentication, payments, organizations, admin panel, blog, and more for quick SaaS launches. |  | [Demo](https://pro-demo.usenextbase.com/?aff=bRnek) |  |
| shadcn-form-builder | Rapidly construct validated web forms using Shadcn UI, React Hook Form, and Zod. A streamlined solution for efficient, type-safe form development. |  | [Demo](https://shadcn-form-build.vercel.app/) |  |
| shadcn-pricing-page-generator | A generator for creating responsive React and Vue pricing pages using Shadcn UI, Radix UI, and Tailwind CSS, with code export. |  | [Demo](https://shipixen.com/shadcn-pricing-page) |  |
| andrewsam.xyz | An enhanced Next.js starter blog featuring shadcn/ui, a resume section, and an experience timeline for a complete personal website. |  | [Demo](https://www.andrewsam.xyz/) |  |
| horizon-ai-nextjs-shadcn-boilerplate | Premium Next.js boilerplate integrating shadcn/ui, AI, Stripe, and Supabase with OAuth for rapid, sophisticated web app creation. |  | [Demo](https://horizon-ui.com/boilerplate-shadcn) |  |
| magicui-startup-templates | A frontend startup template leveraging shadcn/ui, TailwindCSS, and Framer Motion for rapid development of landing pages and new project ideas. |  | [Demo](https://magicui.design/docs/templates/startup) |  |
| opendocs | Opendocs is a beautifully designed, free, and open-source template. It's accessible, customizable, and supports i18n, perfect for jumpstarting your projects. |  | [Demo](https://opendocs.daltonmenezes.com/) |  |
| template-next | A Next.js boilerplate with TypeScript, TailwindCSS, Shadcn/ui, and Prettier, optimized for rapid project initiation using essential pre-configured packages. |  | [Demo](https://template-next-official.vercel.app/) |  |

## Tools & Utilities

| Name | Description | Link | Demo | Stars |
|------|-------------|------|------|-------|
| Kirimase | A CLI tool to accelerate Next.js full-stack development by rapidly integrating packages and scaffolding resources with best practices. | [Github](https://github.com/nicoalbanese/kirimase) | [Demo](https://kirimase.dev) | ★2761 |
| Portr | Portr: An open-source ngrok alternative for teams, securely tunneling HTTP, TCP, or WebSocket connections to the public internet. | [Github](https://github.com/amalshaji/portr) | [Demo](https://portr.dev) | ★2419 |
| Form Builder | A React and Next.js tool for creating dynamic, customizable, and validated forms, enhancing web application development with an intuitive interface. | [Github](https://github.com/hasanharman/form-builder) | [Demo](https://www.shadcn-form.com/) | ★2249 |
| FormBuilder | A UI-based code generation tool for effortlessly creating @shadcn/ui forms. Supports Next.js, Vue, and Svelte, ensuring type safety and beautiful design. | [Github](https://github.com/KryptXBSA/FormBuilder) | [Demo](https://formbuilder.kurdmake.com) | ★434 |
| form-builder | A UI-based codegen tool for effortlessly creating beautiful, type-safe @shadcn/ui forms for Next.js, Vue, and Svelte applications. | [Github](https://github.com/AlandSleman/FormBuilder) | [Demo](https://formbuilder.kryptxbsa.com) | ★434 |
| Convertfast UI | A CLI tool to bootstrap beautiful, customizable landing pages using prebuilt sections and components based on shadcn-ui and Tailwind CSS. | [Github](https://github.com/ObservedObserver/convertfast-ui) | [Demo](https://ui.convertfa.st) | ★383 |
| Next Whois UI | A lightweight and visually appealing Whois query tool offering fast lookups for domains, IPs, ASNs, CIDRs, with a modern UI and developer-friendly features. | [Github](https://github.com/zmh-program/next-whois-ui) | [Demo](https://who.zmh.me) | ★359 |
| Full Stack AI | A CLI tool leveraging AI to generate full-stack Next.js applications with TypeScript, Tailwind, database, authentication, and more from simple prompts. | [Github](https://github.com/alephmatic/full-stack-ai) | [Demo](https://fsai.elie.tech) | ★304 |
| Gpt Frontend Code Gen | An AI tool for generating React front-end pages and components, supporting ShadcnUI, with iterative adjustments via dialogue and configurable LLM support. | [Github](https://github.com/bravekingzhang/gpt-frontend-code-gen) |  | ★298 |
| Csv Importer | A Next.js based CSV importer using shadcn/ui, react-dropzone, and Papaparse for easy data upload, parsing, preview, and field mapping. | [Github](https://github.com/sadmann7/csv-importer) | [Demo](https://importer.sadmn.com) | ★292 |
| UI Colorgen | A UI tool for easy shadcn/ui color setup, generating TailwindCSS color variables for \`globals.css\` and \`tailwind.config.js\`. | [Github](https://github.com/mickasmt/ui-colorgen) | [Demo](https://ui-colorgen.vercel.app) | ★221 |
| Next Mdx | Retired library for Next.js: Fetched and rendered local MDX files with relational data, custom components, and TypeScript support. | [Github](https://github.com/shadcn/next-mdx) | [Demo](https://next-mdx.org) | ★194 |
| Shadcn Zod Form | A CLI tool that simplifies web development by automatically generating shadcn/ui form components from Zod validation schemas. | [Github](https://github.com/ilyichv/shadcn-zod-form) |  | ★190 |
| Easyreadme | Easyreadme simplifies README creation by leveraging AI and pre-designed templates to generate visually appealing documentation for various programming language projects. | [Github](https://github.com/xavimondev/easyreadme) | [Demo](https://easyreadme.app) | ★178 |
| Barcode Generator | A free, open-source web tool for real-time and bulk generation of various 1D/2D barcodes, featuring customization and multiple download options. | [Github](https://github.com/LeonZeng919/barcode-generator) | [Demo](https://barcode-maker.com) | ★130 |
| Cli | Reliverse (rse) is an AI-powered terminal CLI for bootstrapping, refactoring, deploying web apps, and performing AI tasks like code generation and image creation. | [Github](https://github.com/reliverse/cli) | [Demo](https://reliverse.org) | ★117 |
| Shadcn UI Form Builder | A WYSIWYG tool that generates Shadcn/ui forms with Zod schemas and React Hook Form integration, simplifying development by automating code creation. | [Github](https://github.com/strlrd-29/shadcn-ui-form-builder) | [Demo](https://forms.ouassim.tech) | ★115 |
| Shadxn | An experimental CLI tool, evolving from shadcn-ui, for enhanced component management using custom and public registries for flexible project integration. | [Github](https://github.com/anis-marrouchi/shadxn) | [Demo](https://ui.shadxn.com) | ★84 |
| navnote/rangeen | Rangeen is an open-source tool for creating website color palettes, visualizing them on live components, and generating themes using material design principles. | [Github](https://github.com/navnote/rangeen) | [Demo](https://navnote.github.io/rangeen/) | ★60 |
| Code Screeshot | A Ray.so clone using React and Tailwind CSS, for creating and sharing visually appealing code snippets with many customization options. | [Github](https://github.com/nimone/code-screeshot) | [Demo](https://code-ss.pages.dev/) | ★51 |
| Component Renderer | A developer utility for interactively visualizing Shadcn UI components, customizing their properties, and easily copying the React code for integration. | [Github](https://github.com/michaelshimeles/component-renderer) | [Demo](https://cr.rasmic.xyz) | ★48 |
| Shadcn Differ | A CLI tool that compares NextJS project states post-ShadCN setup, creating a JSON specification for easy updates or bootstrapping. | [Github](https://github.com/jherr/shadcn-differ) |  | ★43 |
| Simple Shadcn Cli | A CLI tool facilitating interactive creation and automated building of custom registry items for the shadcn-cli ecosystem. | [Github](https://github.com/Alwurts/simple-shadcn-cli) |  | ★38 |
| Shadcn Pricing Page Generator | Easily create customizable React/Next.js pricing pages using Shadcn UI, Tailwind CSS, or Radix UI, and get production-ready code. | [Github](https://github.com/danmindru/shadcn-pricing-page-generator) | [Demo](https://shadcn-pricing-page-generator.shipixen.com/) | ★36 |
| AI Powered Twitter Bio Generator | A Next.js application leveraging Groq and Llama 3 to generate personalized Twitter bios, featuring Shadcn UI and Vercel AI SDK integration. | [Github](https://github.com/codebucks27/AI-Powered-Twitter-Bio-Generator) | [Demo](https://ai-powered-twitter-bio-generator.vercel.app) | ★31 |
| ShadCN Table Maker | A tool simplifying dynamic, feature-rich table creation in Next.js using the ShadCN design library and Form Builder integration. | [Github](https://github.com/bprabin811/ShadCN-Table-Maker) | [Demo](https://shadcn-table-maker.vercel.app) | ★21 |
| Text2mdx | An AI-driven tool built with Next.js and Shadcn, converting plain text to MDX to streamline content formatting for modern web applications. | [Github](https://github.com/C-W-D-Harshit/text2mdx) | [Demo](https://text2mdx.com) | ★18 |
| Rediscn | A modern, user-friendly Redis GUI built with Remix, Bun, RedisIO, and Shadcn UI, simplifying database interaction and management for developers. | [Github](https://github.com/reillyjodonnell/Rediscn) |  | ★18 |
| Shadcn Installer | Automate bulk installation of Shadcn-UI components using cross-platform scripts, streamlining your UI development setup. | [Github](https://github.com/Poseiden1/shadcn-installer) |  | ★17 |
| Shadcn Registry | A command-line interface tool designed to help developers create and build registry files compatible with the shadcn UI component framework. | [Github](https://github.com/ilyichv/shadcn-registry) |  | ★16 |
| Auto Crud | Auto CRUD is a tool for quickly generating Create, Read, Update, Delete interfaces using the shadcn-ui component library, streamlining development. | [Github](https://github.com/LunaTK/auto-crud) | [Demo](https://lunatk.github.io/auto-crud/) | ★15 |
| Registry Builder | A Node.js script for generating shadcn-compatible registry files, enabling custom component and theme sharing. | [Github](https://github.com/RGB-Team/registry-builder) | [Demo](https://shadcn-registries.vercel.app/) | ★14 |
| Shadcn Renderer | A Next.js tool for developers to interactively render, configure Shadcn UI components, and view corresponding implementation code snippets. | [Github](https://github.com/zaki031/shadcn-renderer) | [Demo](https://shadcn-renderer.vercel.app) | ★12 |
| Shadcn Compare | A daily updated comparison of UI components across Shadcn (React), Shadcn-Svelte, Bits-UI, and Melt-UI, aiding developers in component selection. | [Github](https://github.com/jasongitmail/shadcn-compare) |  | ★11 |
| ExplainGPT | ExplainerGPT, a Next.js app with TailwindCSS & @shadcn/ui, uses GPT3 to make complex topics understandable for a five-year-old. | [Github](https://github.com/ChrisAbdo/ExplainGPT) | [Demo](https://explainergpt.vercel.app) | ★11 |
| Chat to frontend | An AI agent using Langgraph and Shadcn docs to automate frontend component generation, speeding up UI development. | [Github](https://github.com/jw782cn/chat%20to%20frontend) |  |  |
| Shadcn Vue Unocss Starter | An unspecified software resource intended for developers, with details forthcoming. Explore its documentation to understand its core offerings. | [Github](https://github.com/hyoban-template/shadcn-vue-unocss-starter) |  |  |
| form-builder-fast | A complimentary tool for developers to swiftly create web forms using React, Tailwind CSS, Shadcn UI, Zod, and React Hook Form. |  | [Demo](https://ui.indie-starter.dev/form-builder) |  |
| imgsrc | Produce captivating Open Graph and social media visuals through adaptable templates, diverse backdrops, and unique branding elements for superior online presence. |  | [Demo](https://imgsrc.io/) |  |
| ui-fonts | Explore and evaluate fonts in real-time for diverse design tasks. Pinpoint the optimal typeface swiftly and without hassle. |  | [Demo](https://www.uifonts.app/) |  |
| vercel-status-tracker | A developer tool for tracking Vercel project deployments, offering insights on success rates and build times. Built with Next.js, TailwindCSS, and shadcn/ui. |  | [Demo](https://vercel-status-tracker.vercel.app) |  |
| xuneix | A link rotation utility enhancing admin panel security through dynamic URLs, expiring tokens, and customizable rotation configurations for developers. |  | [Demo](https://xuneix.theteleporter.me/) |  |
| kirimase | Kirimase is a CLI tool to accelerate Next.js app development by integrating packages and scaffolding resources, inspired by the Rails CLI. |  | [Demo](https://kirimase.dev/) |  |
| shadcn-builder | A visual builder for effortlessly creating responsive forms and generating React code with shadcn/ui, streamlining UI development for developers. |  | [Demo](https://www.shadcn-builder.com/?utm%20source=github&utm%20content=awesome-shadcn-ui) |  |
| shadcn-table-maker | A Next.js tool using ShadCN to rapidly scaffold dynamic tables with search, pagination, sorting, and CRUD operations. |  | [Demo](https://shadcn-table-maker.vercel.app/) |  |
| ui-colorgen | A focused utility for developers to generate, view, and copy color palettes tailored for shadcn/ui projects, supporting HEX, RGB, and HSL formats. |  | [Demo](https://ui-colorgen.vercel.app/) |  |
| 5devs | 5Devs provides developers with a versatile generator for various fake Brazilian data types, crucial for comprehensive software testing and quality assurance. |  | [Demo](https://www.5devs.com.br/) |  |
| excelkits | Craft free, downloadable Shadcn-inspired chart images and WEBM videos. Supports PNG, JPEG, WEBP. Upload your data for realistic visualizations. |  | [Demo](https://excelkits.com/charts) |  |

## Inspirations & Examples

| Name | Description | Link | Demo | Stars |
|------|-------------|------|------|-------|
| Taxonomy | An open-source experimental app demonstrating Next.js 13's new router, server components, auth, subscriptions, and API routes in a modern setup. | [Github](https://github.com/shadcn-ui/taxonomy) | [Demo](https://tx.shadcn.com) | ★18937 |
| Awesome Shadcn UI | An extensive, curated collection of libraries, tools, templates, and resources for developers using shadcn/ui to build modern applications. | [Github](https://github.com/birobirobiro/awesome-shadcn-ui) | [Demo](https://awesome-shadcn-ui.vercel.app/) | ★14897 |
| Onur.dev | Onur.dev is a personal website built with Next.js and Tailwind CSS, showcasing writings, journey, and bookmarks, using Contentful, Raindrop, and Supabase. | [Github](https://github.com/suyalcinkaya/onur.dev) | [Demo](https://onur.dev) | ★2184 |
| Threads | Develop a full-stack Threads clone using Next.js 14+, featuring robust authentication, community management, real-time updates, and a Figma-based design. | [Github](https://github.com/adrianhajdin/threads) | [Demo](https://threads-psi.vercel.app) | ★1571 |
| Data Table Filters | A standalone React data-table demo featuring client-side pagination and server-side infinite scroll, built with TanStack Table, shadcn/ui, and Next.js. | [Github](https://github.com/openstatusHQ/data-table-filters) | [Demo](https://data-table.openstatus.dev) | ★1405 |
| Origin UI Experiments | A curated collection of open-source UI layouts and experiments, crafted with Origin UI and shadcn/ui, offering inspiration for developers. | [Github](https://github.com/origin-space/ui-experiments) | [Demo](https://originui.com/layouts) | ★842 |
| Learn Nextjs | A learning repository guiding developers through modern full-stack web development using Next.js 13, TypeScript, and a comprehensive Jamstack/T3-inspired toolkit. | [Github](https://github.com/panaverse/learn-nextjs) |  | ★761 |
| React Dnd Kit Tailwind Shadcn UI | An example project showcasing an accessible Kanban board built using React, @dnd-kit, Tailwind CSS, and Shadcn/ui components for developers. | [Github](https://github.com/Georgegriff/react-dnd-kit-tailwind-shadcn-ui) | [Demo](https://georgegriff.github.io/react-dnd-kit-tailwind-shadcn-ui/) | ★718 |
| Zoom Chart Demo | A demonstration of a zoomable chart component using Shadcn UI and Recharts, featuring click-and-drag or scroll zooming. | [Github](https://github.com/shelwinsunga/zoom-chart-demo) | [Demo](https://zoom-chart-demo.vercel.app) | ★563 |
| Astro Nomy | An open-source application showcasing modern Astro v4 features, integrated with shadcn/ui and React for diverse example pages and app functionalities. | [Github](https://github.com/mickasmt/astro-nomy) | [Demo](https://astro-nomy.vercel.app) | ★489 |
| Awesome Shadcn UI | A meticulously curated list of awesome libraries, templates, components, and tools for developers working with shadcn/ui. | [Github](https://github.com/bytefer/awesome-shadcn-ui) |  | ★454 |
| Enscribe.dev | Enscribe.dev is a personal information security blog utilizing Astro, Tailwind CSS, and shadcn/ui, presenting educational content on CTFs and cybersecurity topics. | [Github](https://github.com/jktrn/enscribe.dev) | [Demo](https://enscribe.dev) | ★378 |
| Awesome Shadcn UI | A meticulously curated collection of resources, tools, and inspirations designed to supercharge your development with shadcn/ui. | [Github](https://github.com/jhonyrdesouza/awesome-shadcn-ui) |  | ★348 |
| Stocks | A Next.js demo app showcasing React Server Components and shadcn/ui charts for streaming and displaying stock price data from Polygon.io. | [Github](https://github.com/aryanvichare/stocks) | [Demo](https://stocks-blue-rho.vercel.app) | ★314 |
| Mehdibha.com | Personal website of Mehdi BHA, showcasing projects and skills. Built with Next.js, TypeScript, dotUI, Fumadocs, MDX, and Tailwind CSS. | [Github](https://github.com/mehdibha/folio) | [Demo](https://mehdibha.com) | ★257 |
| Shush | Shush demonstrates deploying OpenAI's WhisperV3 with Flash Attention v2 on Modal, accessed via a Next.js app for high-performance audio transcription. | [Github](https://github.com/arihanv/Shush) | [Demo](https://shush.arihanv.com) | ★208 |
| Next Projects | A curated collection of 7 Next.js projects to learn core concepts, integrating MongoDB, Firebase, NextAuth.js, Strapi, Tailwind CSS, and TypeScript. | [Github](https://github.com/solygambas/next-projects) | [Demo](https://next-dagny.vercel.app/) | ★170 |
| Shadcn UI Fullcalendar Example | A Next.js project demonstrating a scheduling application using FullCalendar for event management and shadcn/ui for modern UI components. | [Github](https://github.com/robskinney/shadcn-ui-fullcalendar-example) | [Demo](https://fullcalendar-shadcn-example.vercel.app) | ★167 |
| Threads Clone | An open-source Threads clone showcasing Next.js 14, TypeScript, tRPC, Tailwind CSS, Prisma, and Clerk Auth, built with the T3 stack. | [Github](https://github.com/sujjeee/threads-clone) | [Demo](https://threadss-clone.vercel.app) | ★137 |
| Shadcn UI Big Calendar | A Next.js example project demonstrating React Big Calendar styled with Shadcn CSS variables for dynamic, CSS-only theme adaptation and seamless integration. | [Github](https://github.com/list-jonas/shadcn-ui-big-calendar) | [Demo](https://shadcn-ui-big-calendar.vercel.app) | ★127 |
| Crypto Charts | A demo project showcasing Shadcn/UI and Recharts for crypto charts, using free historical data from Pyth Network. | [Github](https://github.com/jstnw10/crypto-charts) | [Demo](https://crypto-charts-pi.vercel.app) | ★113 |
| Next Mobbin Clone | A Next.js 14 replica of mobbin.com's UI, built to test shadcn-ui components and enhance UI development skills by example. | [Github](https://github.com/mickasmt/next-mobbin-clone) | [Demo](https://next-mobbin-clone.vercel.app) | ★106 |
| Www | A personal website for Arunava, a CS undergrad, featuring his software projects, notes, coding stats, and interests like compilers and networks. | [Github](https://github.com/vimfn/www) | [Demo](https://beta.vimfn.in) | ★106 |
| Shadcn Chart Brush | An example showcasing zoomable, brush-enabled charts built with ShadCN Charts and Recharts, offering enhanced data interaction for developers. | [Github](https://github.com/rudrodip/shadcn-chart-brush) | [Demo](https://shadcn-chart-brush.rdsx.dev) | ★105 |
| Shadcn Vue Admin | A feature-rich admin dashboard UI built with Shadcn-vue, Vue3, and Vite, emphasizing responsiveness and accessibility for modern web applications. | [Github](https://github.com/Whbbit1999/shadcn-vue-admin) | [Demo](https://shadcn-vue-admin.netlify.app/) | ★100 |
| Expo Shadcn UI Demo | A web-only guide demonstrating Shadcn UI and Tailwind CSS integration with Expo Router v3 for streamlined UI development. | [Github](https://github.com/EvanBacon/expo-shadcn-ui-demo) |  | ★99 |
| Analytics UI | A responsive analytics dashboard UI template built with Nuxt 3 and Tailwind CSS, featuring charts, data widgets, and light/dark modes. | [Github](https://github.com/BayBreezy/analytics-ui) | [Demo](https://analytics-ui.behonbaker.com) | ★97 |
| Armandsalle Personal Site | A developer's personal website built with Next.js, Tailwind CSS, and TypeScript. Serves as a practical, modern portfolio and blog example. | [Github](https://github.com/armandsalle/my-site) | [Demo](https://www.armand-salle.fr/) | ★82 |
| Shadcn Data Table Resize Columns | A straightforward example demonstrating basic, functional column resizing for ShadCN/UI's DataTable, built with Vite, React, and TypeScript, including a live demo. | [Github](https://github.com/danielagg/shadcn-data-table-resize-columns) | [Demo](https://shadcn-data-table-advanced-col-opions.vercel.app) | ★80 |
| Shadcn Carousel Testimonials | A Next.js starter project demonstrating responsive testimonial carousels built with shadcn UI components, perfect for showcasing user feedback. | [Github](https://github.com/johanguse/shadcn-carousel-testimonials) | [Demo](https://shadcn-carousel-testimonials.pages.dev/) | ★74 |
| Awesome Shadcn Svelte | A curated directory of libraries, components, developer tools, and boilerplates for enhancing shadcn-svelte projects and workflows. | [Github](https://github.com/shyakadavis/awesome-shadcn-svelte) |  | ★71 |
| Job Portal | A tutorial creating 'Hirrd', a full-stack job portal, using React, Tailwind CSS, Supabase, Clerk, and Shadcn UI for developers. | [Github](https://github.com/piyush-eon/job-portal) | [Demo](https://hirrd.vercel.app) | ★68 |
| Vercel Nav Demo | Explore a light clone of Vercel's dashboard navigation, demonstrating Next.js Parallel Routes and server-side data fetching for dynamic user experiences. | [Github](https://github.com/vercel-labs/vercel-nav-demo) | [Demo](https://parallel-routes-demo.vercel.app/leerob) | ★66 |
| Storybook Shadcn | A personal project demonstrating in-depth learning and application of Storybook with Shadcn-ui components, emphasizing quality and future-proof design. | [Github](https://github.com/JheanAntunes/storybook-shadcn) |  | ★64 |
| Shinthant.dev | A personal portfolio built with Next.js, TypeScript, Tailwind CSS, and GSAP, demonstrating modern web development, responsiveness, and theming. | [Github](https://github.com/devshinthant/shinthant.dev) | [Demo](https://devshinthant.vercel.app/) | ★61 |
| Shreddit | Shreddit is a fullstack Reddit clone using Next.js, Tailwind CSS, Prisma, and NextAuth, featuring infinite scroll, image uploads, and nested comments. | [Github](https://github.com/peterkibuchi/shreddit) | [Demo](https://shreddit.vercel.app) | ★54 |
| Recursive Dnd Kanban Board | An example project demonstrating a recursively generated, accessible Kanban board using Next.js, @dnd-kit, Tailwind CSS, and Shadcn/ui for dynamic column creation. | [Github](https://github.com/mehrdadrafiee/recursive-dnd-kanban-board) | [Demo](https://recursive-dnd-kanban-board.vercel.app) | ★53 |
| Calendly Clone | A comprehensive tutorial demonstrating how to build a full-stack Calendly clone using Next.js, React, Prisma, Neon, Clerk, and Shadcn UI. | [Github](https://github.com/piyush-eon/calendly-clone) | [Demo](https://youtu.be/glAC7d-TYSM) | ★53 |
| X Twitter Clone | A comprehensive X (Twitter) clone built with Next.js 13, React, and modern technologies, serving as a practical full-stack development example. | [Github](https://github.com/weiwei2694/x-twitter-clone) | [Demo](https://x-twitter-clone-weiwei2694.vercel.app/) | ★51 |
| Shadcn Nextjs | Project code for the Shadcn/ui crash course, building an e-commerce landing page using Next.js, Radix UI, and Tailwind CSS. | [Github](https://github.com/codeSTACKr/shadcn-nextjs) |  | ★49 |
| Attio | A Next.js 14, Shadcn, and Tailwind CSS project replicating the Attio CRM, ideal for learning modern web development techniques. | [Github](https://github.com/PiusLucky/Attio) | [Demo](https://attio-three.vercel.app) | ★49 |
| Shadcn Storybook Registry | A Storybook registry for all shadcn UI components, enabling quick access to documented atomic-level components for developers. | [Github](https://github.com/lloydrichards/shadcn-storybook-registry) | [Demo](https://registry.lloydrichards.dev) | ★48 |
| Example Async Combobox Options | Explore this example of a shadcn/ui Combobox featuring asynchronous data fetching, debounced input, and simulated API calls. | [Github](https://github.com/melanieseltzer/example-async-combobox-options) |  | ★47 |
| Next Shadcn UI Table | A Next.js project demonstrating server-side table features like pagination and sorting using Shadcn-UI components. | [Github](https://github.com/Rohit1024/next-shadcn-ui-table) | [Demo](https://next-shadcn-ui-table.vercel.app) | ★43 |
| Pokemon | A Next.js 13 Pokémon-themed application demonstrating server components, server actions, NextAuth.js, Drizzle ORM, and Turso within an Nx monorepo. | [Github](https://github.com/amosbastian/pokemon) | [Demo](https://pokemon-rsc.vercel.app/) | ★41 |
| Shadcn Differ Demo | A developer demo tool for visually comparing and tracking changes in ShadCN UI components, simplifying updates and version management. | [Github](https://github.com/jherr/shadcn-differ-demo) |  | ★38 |
| Infinite Scroll Server Actions | A demonstration project showcasing infinite scroll implementation using Next.js 13 server actions and the shadcn-ui component library. | [Github](https://github.com/rajeshdavidbabu/infinite-scroll-server-actions) |  | ★37 |
| Linkedin Clone | A responsive, client-side LinkedIn feed page clone built with Next.js and Shadcn, showcasing UI replication and a basic messaging feature. | [Github](https://github.com/ozgurrgul/linkedin-clone) | [Demo](https://linkedinv2.vercel.app/) | ★35 |
| Shadcn Form Tut | Complete source code for the 'Next JS forms with Shadcn UI (the EASY way)' video tutorial, guiding developers in implementation. | [Github](https://github.com/tomphill/shadcn-form-tut) |  | ★33 |
| Url Shortener | A tutorial project demonstrating creating a full-stack URL shortener using React JS, Tailwind CSS, Supabase, and Shadcn UI. | [Github](https://github.com/piyush-eon/url-shortener) | [Demo](https://youtu.be/geIwBIuo-ug) | ★32 |
| Data Table | This project provides a practical example of a dynamic data table, leveraging Shadcn UI and Tanstack Table within a React and TypeScript setup. | [Github](https://github.com/kbastamow/Data-table) |  | ★32 |
| Awwwards | An open-source Awwwards website clone built with Next.js 14, Tailwind CSS, Framer Motion, Shadcn, and Aceternity for learning and inspiration. | [Github](https://github.com/PiusLucky/Awwwards) | [Demo](https://awwwards-nine.vercel.app) | ★30 |
| Supabase Shadcn Database Example | Showcases fetching and filtering Supabase data server-side, displayed responsively in a TanStack Table styled with shadcn/ui. | [Github](https://github.com/thisisfel1x/supabase-shadcn-database-example) | [Demo](https://supabase-shadcn-database-example.vercel.app) | ★28 |
| Website | Open-source code for 'tuna.one', a personal website built with Next.js, TailwindCSS, and shadcn/ui, demonstrating various API integrations and dynamic content features. | [Github](https://github.com/barbecue/website) | [Demo](https://tuna.one/) | ★28 |
| Shadverse | Shadverse is a curated collection where developers discover and share innovative applications built using the shadcn-ui component library. | [Github](https://github.com/lucky-chap/shadverse) | [Demo](https://shadverse.vercel.app) | ★27 |
| Shadcn Lexical | A project demonstrating how to build a rich text editor using the Lexical framework and Shadcn UI components for a modern interface. | [Github](https://github.com/ChunxuYang/shadcn-lexical) | [Demo](https://www.chunxuyang.com/blogs/shadcn-lexical-editor) | ★25 |
| Station A Notion Clone | Station is an open-source Notion-like app using Next.js, Supabase, and Tailwind CSS, providing a collaborative workspace with a block editor. | [Github](https://github.com/aldhyx/station-a-notion-clone) | [Demo](https://station-proto.netlify.app) | ★25 |
| Testing Shadcn UI In Fresh | An experimental project demonstrating how to use the shadcn/ui component library, powered by Radix UI and Tailwind CSS, within Fresh (Deno) applications. | [Github](https://github.com/nikogoli/testing-shadcn-ui-in-fresh) |  | ★23 |
| Building With Adonisjs And Inertia | A comprehensive series teaching how to build 'PlotMyCourse,' a full-stack application using AdonisJS 6, InertiaJS, Vue 3, Shadcn-Vue, and SSR. | [Github](https://github.com/adocasts/building-with-adonisjs-and-inertia) | [Demo](https://adocasts.com/series/building-with-inertiajs) | ★21 |
| Shadcn Nextjs Multistep Form Example | A simple guide to creating multi-step shadcn forms in Next.js using React Context and localstorage, avoiding external state management libraries. | [Github](https://github.com/63r6o/shadcn-nextjs-multistep-form-example) |  | ★20 |
| Journal App | A comprehensive tutorial for building a full-stack journal application, integrating Next.js, React, Tailwind CSS, Prisma, Neon, Clerk, ArcJet, and Shadcn UI. | [Github](https://github.com/piyush-eon/journal-app) | [Demo](https://youtu.be/cYGAPVUtQ-U) | ★20 |
| Dinogomez.net | A personal website showcasing projects and experience, built using NextJS, Shadcn/UI, Tailwind CSS, and featuring interactive draggable components. | [Github](https://github.com/dinogomez/dinogomez.net) | [Demo](https://dinogomez.vercel.app/) | ★19 |
| Trpc Insta | Experience an Instagram clone built using Next.js, tRPC, Server Components, NextAuth, Prisma, and Shadcn UI, demonstrating modern full-stack development. | [Github](https://github.com/99Yash/trpc-insta) | [Demo](https://trpc-insta.vercel.app) | ★18 |
| Streamlit Shadcn Dashboard | An interactive sales dashboard built with Streamlit and Shadcn UI, visualizing city-specific annual and monthly sales performance metrics for insightful data analysis. | [Github](https://github.com/Sven-Bo/streamlit-shadcn-dashboard) | [Demo](https://shadcn-dashboard.streamlit.app/) | ★17 |
| Rise Landing Page | A Next.js 14 landing page template for 'Rise Calendar', built with Shadcn, Tailwind CSS, and Lenis for smooth scrolling. Ideal for inspiration. | [Github](https://github.com/PiusLucky/rise-landing-page) | [Demo](https://rise-landing-page.vercel.app) | ★17 |
| Layerchart Shadcn Svelte | An example Svelte project demonstrating LayerChart integration with shadcn-svelte components, built using the \`create-svelte\` foundation. | [Github](https://github.com/techniq/layerchart-shadcn-svelte) |  | ★17 |
| Designfly | Designfly is a full-stack Dribbble clone, demonstrating NextJS, Appwrite, Tailwind CSS, FormikJS, and Shadcn UI integration for developers. | [Github](https://github.com/yatharth1706/designfly) |  | ★17 |
| Threads Clone | A comprehensive Threads clone built with Next.js 13, Supabase, Prisma, NextAuth.js, TypeScript, shadcn UI, and Tailwind CSS. | [Github](https://github.com/pawan67/threads-clone) | [Demo](https://threads-meta.vercel.app/) | ★16 |
| Awesome Shadcn | A curated compilation of top-tier applications, libraries, components, and starter kits utilizing or enhancing the shadcn/ui framework. | [Github](https://github.com/agnostic-coder/awesome-shadcn) |  | ★15 |
| Miro Clone | A Next.js-based Miro clone featuring real-time collaboration via Convex and Liveblocks, styled with shadcn/ui, inspired by Code with Antonio's tutorial. | [Github](https://github.com/jatin1510/miro-clone) | [Demo](https://miro-clone-chi.vercel.app) | ★14 |
| Shadcn UI For Beginners | A beginner-friendly project demonstrating shadcn/ui with Next.js, complementing Dave Gray's YouTube tutorial for modern UI development. | [Github](https://github.com/gitdagray/shadcn-ui-for-beginners) |  | ★13 |
| Shadcnui Example Project | A practical guide for integrating shadcn/ui components into Laravel Breeze applications using the React stack, with examples. | [Github](https://github.com/LaravelDaily/shadcnui-example-project) |  | ★12 |
| Maxp.co | An inspirational personal website and blog built with SvelteKit, Tailwind CSS, and shadcn/ui, showcasing practical application and deployment on Vercel. | [Github](https://github.com/maxpetretta/maxp.co) | [Demo](https://maxp.co) | ★12 |
| NextJS Countdown Timer | A Next.js project for a countdown timer, built with Tailwind CSS and Shadcn, featuring essential start, pause, and reset capabilities. | [Github](https://github.com/umarprogrammer19/NextJS-Countdown-Timer) | [Demo](https://up-countdown-timer.vercel.app) | ★12 |
| shadcn-drag-and-drop-sort | An example showcasing sortable, variable-width pills via dnd-kit and Shadcn/UI, featuring a clear line drop indicator for intuitive reordering. | [Github](https://github.com/crystaltai/shadcn-drag-and-drop) | [Demo](https://shadcn-drag-and-drop.vercel.app) | ★12 |
| NextPix Gallery | NextPix Gallery: A Next.js image gallery using Pexels API, Tailwind CSS, Shadcn UI, TypeScript, and Zod for elegant image display. | [Github](https://github.com/mohamed-lifa7/NextPix-Gallery) | [Demo](https://next-pix-gallery.vercel.app) | ★11 |
| Turborepo Nextjs Example | A Turborepo sample demonstrating shared UI components between Next.js applications, leveraging shadcn/ui and Tailwind CSS for streamlined development. | [Github](https://github.com/eyalcohen4/turborepo-nextjs-example) |  | ★11 |
| Animation | A Next.js project showcasing complex animations using React-Spring, TailwindCSS, and ShadcnUI, inspired by an Instagram Reel and Figma design. | [Github](https://github.com/linkb15/animation) | [Demo](https://ravox.vercel.app/) | ★11 |
| Shadcn Sample | A starter project for developers to explore and implement various shadcn UI components, covering layouts, forms, tables, and example pages. | [Github](https://github.com/hayyi2/shadcn-sample) | [Demo](https://hayyi2.github.io/shadcn-sample/) | ★11 |
| Chatwex | Chatwex: A full-featured SaaS chat application with AI translation, built with Next.js, Firebase, and Stripe for portfolio and learning purposes. | [Github](https://github.com/aftabrehan/chatwex) |  | ★11 |
| Nextjs Server Actions Form | An example showcasing Next.js Server Actions for forms, integrated with Vercel Postgres and styled using shadcn/ui components. | [Github](https://github.com/komzweb/nextjs-server-actions-form) |  | ★10 |
| Rive App | A Rive website clone built with Next.js 14, Shadcn UI, and Tailwind CSS, serving as a learning example for modern web development. | [Github](https://github.com/PiusLucky/Rive-App) | [Demo](https://rive-app-rho.vercel.app) | ★10 |
| Online Glocery Store Next.js Tailwind Strapi | A fully-featured Online Grocery Store example built with Next.js 14, Strapi, Tailwind CSS, and Shadcn UI, showcasing modern e-commerce development. | [Github](https://github.com/MiladJoodi/Online%20Glocery%20Store%20Next.js%20Tailwind%20Strapi) | [Demo](https://online-grocery-store-web.vercel.app/) |  |
| Eraser clone | An open-source Eraser.io clone using Next.js, Tailwind CSS, Shadcn/UI, Convex DB, and Kinde Auth, showcasing modern web app development. | [Github](https://github.com/kaifcoder/eraser%20clone) | [Demo](https://eraser-kaif.vercel.app) |  |
| birobirobiro.dev | Explore Birobirobiro's dynamic portfolio: a showcase of front-end development projects, content creation, and personal setup. |  | [Demo](https://birobirobiro.dev/) |  |
| godly | A curated directory showcasing top-tier web design inspiration, featuring exceptional examples from various industries and styles to spark your creativity. |  | [Demo](https://godly.website/) |  |
| list.swajp.me | A curated collection of remarkable portfolios from talented individuals, offering inspiration for your next project or design. |  | [Demo](https://list.swajp.me) |  |
| Nathan's AI | An interactive AI chatbot portfolio example built with shadcn/ui, offering a unique way for developers to present their experience. |  | [Demo](https://chat.brodin.dev) |  |
| shubhporwal.me | An inspiring developer portfolio by Shubh Porwal, built with Next.js, React, Tailwind CSS, and GSAP for a dynamic and visually engaging presentation. |  | [Demo](https://www.shubhporwal.me/) |  |
| swajp.me | swajp is Miroslav Stejskal's portfolio, presenting modern web applications and developer resources, built with Next.js, React, and Tailwind CSS. |  | [Demo](https://swajp.me) |  |
| Windows 11 (clone) | A React-based Windows 11 clone using Next.js, Tailwind CSS, ShadCN, and Framer-Motion, featuring smooth animations, draggable windows, and modern design. |  | [Demo](https://win11.oimmi.com/) |  |
| shadcn-storybook-registry | A curated collection of Storybook stories for Shadcn/ui components, enabling developers to rapidly document and visualize atomic UI elements. |  | [Demo](https://registry.lloydrichards.dev/) |  |
| shadcn-ui-storybook (JheanAntunes) | JheanAntunes' Storybook setup registers all shadcn/ui components, offering developers an interactive visual catalog for easy exploration and reference. |  | [Demo](https://65711ecf32bae758b457ae34-uryqbzvojc.chromatic.com/) |  |
| tweet-to-code | A collection of X/Twitter inspired designs, recreated as responsive, reusable code examples with light/dark modes and open source availability. |  | [Demo](https://tweet-to-code.vercel.app/) |  |
| dev-quotes | A web application showcasing quotes from professional programmers, built with Next.js, Tailwind CSS, and Shadcn/UI, inspired by programming-quotes-api. |  | [Demo](https://dev-quotes-six.vercel.app/) |  |

## Platforms & Applications

| Name | Description | Link | Demo | Stars |
|------|-------------|------|------|-------|
| Inbox Zero | Inbox Zero is an open-source AI email assistant and client designed to help you manage emails efficiently and achieve inbox zero quickly. | [Github](https://github.com/elie222/inbox-zero) |  | ★7975 |
| Stack | Stack Auth offers a developer-friendly, open-source user authentication and management platform, providing a robust and flexible alternative to services like Auth0 or Clerk. | [Github](https://github.com/stack-auth/stack) | [Demo](https://stack-auth.com) | ★5863 |
| Invoify | Invoify is a Next.js, TypeScript, and Shadcn UI based web app for easy creation, management, and export of professional invoices. | [Github](https://github.com/aliabb01/invoify) | [Demo](https://invoify.vercel.app) | ★5304 |
| Sink | A robust link shortener on Cloudflare, offering URL compression, detailed analytics, custom & AI slugs, plus link expiration for developers. | [Github](https://github.com/ccbikai/Sink) | [Demo](https://Sink.Cool) | ★4669 |
| 21st | An open-source community registry for discovering, publishing, and installing minimal, modern React UI components powered by Tailwind CSS and Radix UI. | [Github](https://github.com/serafimcloud/21st) | [Demo](https://21st.dev) | ★4480 |
| Note Gen | NoteGen is a cross-platform Markdown note-taking app using AI to transform fragmented recordings into organized, readable notes for enhanced productivity. | [Github](https://github.com/codexu/note-gen) | [Demo](https://codexu.github.io/note-gen-help/) | ★3956 |
| maily.to | Maily.to is a free, open-source editor for crafting beautiful, mobile-ready emails. Use pre-designed components for a hassle-free experience. | [Github](https://github.com/arikchakma/maily.to) | [Demo](https://maily.to) | ★3087 |
| autoflow | AutoFlow: An open-source GraphRAG tool using TiDB Vector, LlamaIndex, and DSPy for building advanced knowledge graph applications. | [Github](https://github.com/pingcap/autoflow) | [Demo](https://tidb.ai) | ★2582 |
| Circle | A Next.js and shadcn/ui application providing a Linear-inspired interface for tracking issues, projects, and teams with a modern, responsive UI. | [Github](https://github.com/ln-dev7/circle) | [Demo](https://circle.lndev.me) | ★1673 |
| Spliit | A free, open-source application for tracking and sharing expenses within groups. Self-hostable and ad-free, built with Next.js for transparent financial management. | [Github](https://github.com/spliit-app/spliit) | [Demo](https://spliit.app) | ★1653 |
| Memfree | MemFree: A Hybrid AI Search Engine for instant knowledge retrieval and an AI Page Generator for rapid UI development using Claude 3.5 Sonnet. | [Github](https://github.com/memfreeme/memfree) | [Demo](https://www.memfree.me) | ★1385 |
| Drift | Drift is a self-hostable Gist clone, built with Next.js 13 and React Server Components, for saving and sharing code snippets securely. | [Github](https://github.com/MaxLeiter/Drift) | [Demo](https://drift.lol) | ★1373 |
| Nextjs Ollama Llm UI | A Next.js-based web interface for Ollama LLMs, offering a ChatGPT-like experience for local and offline model interaction with easy setup. | [Github](https://github.com/jakobhoeg/nextjs-ollama-llm-ui) |  | ★1253 |
| opensearch-ai | OpenSearch GPT is a personalized AI search engine, akin to Perplexity, that learns your interests to deliver uniquely tailored web results. | [Github](https://github.com/supermemoryai/opensearch-ai) | [Demo](https://opensearch-ai.pages.dev) | ★1147 |
| Someday | An open-source, self-hostable scheduling tool for Gmail users, built on Google Apps Script. A free Calendly alternative using React, TypeScript, and Shadcn/UI. | [Github](https://github.com/rbbydotdev/someday) | [Demo](https://someday-demo.vercel.app) | ★982 |
| Podcastr | An AI SaaS platform for creating, discovering, and enjoying podcasts, featuring text-to-audio conversion, AI image generation, and multi-voice capabilities. | [Github](https://github.com/adrianhajdin/podcastr) | [Demo](https://podcastr-23zf.vercel.app) | ★767 |
| Llmchat | A privacy-first AI chatbot platform with advanced research modes, agentic capabilities, and multi-LLM support, storing all data locally for enhanced security. | [Github](https://github.com/trendy-design/llmchat) | [Demo](https://llmchat.co) | ★720 |
| An CodeAI | Genfly.dev is an open-source AI tool for generating full-stack web apps with in-browser sandbox previews and image-enhanced prompts. | [Github](https://github.com/sparrow-js/an-codeAI) | [Demo](https://www.ancodeai.com/) | ★712 |
| Feedbase | Feedbase, an open-source product management tool, enhances customer relationships by efficiently capturing feedback, prioritizing issues, and sharing updates. | [Github](https://github.com/chroxify/feedbase) | [Demo](https://feedbase.app) | ★586 |
| Subs | An open-source tool providing clear oversight of subscription costs. Track expenses, manage details, and utilize features like multi-currency support and data export. | [Github](https://github.com/ajnart/subs) | [Demo](https://subs.ajnart.fr/) | ★476 |
| X Hiring | X-Hiring aggregates daily job listings from tech communities and uses Google AI to provide concise summaries, simplifying your job search. | [Github](https://github.com/hehehai/x-hiring) | [Demo](https://woky.cc) | ★450 |
| Scribbly | Scribbly is an open-source web application for digital journaling, built using Next.js, Prisma, featuring secure authentication, reminders, and subscription capabilities. | [Github](https://github.com/subhamBharadwaz/scribbly) |  | ★448 |
| Nextcrm App | NextCRM is an open-source Customer Relationship Management system built with Next.js, TypeScript, Shadcn UI, Prisma, and MongoDB, featuring document storage and AI capabilities. | [Github](https://github.com/pdovhomilja/nextcrm-app) | [Demo](https://demo.nextcrm.io) | ★443 |
| Router | Router.so is an open-source headless form backend, providing simple form handling and lead routing capabilities for developers to manage submissions and capture leads efficiently. | [Github](https://github.com/routerso/router) | [Demo](https://router.so) | ★321 |
| Openbio | OpenBio is an open-source tool for creating visually appealing and customizable link in bio pages, offering free and pro plans for diverse user needs. | [Github](https://github.com/vanxh/openbio) | [Demo](https://openbio.app) | ★302 |
| Nextjs Weather App | A real-time weather application built using Next.js 14, TypeScript, and Shadcn UI, offering comprehensive weather data and an intuitive interface. | [Github](https://github.com/DariusLukasukas/nextjs-weather-app) | [Demo](https://meteo-nix.vercel.app) | ★298 |
| Infinitunes | Infinitunes is a work-in-progress music player web app using Next.js, Tailwind CSS, shadcn/ui, and DrizzleORM, designed for educational purposes. | [Github](https://github.com/rajput-hemant/infinitunes) |  | ★294 |
| Thr | An open-source Threads web remake using Next.js server components, Vercel Postgres, shadcn UI, Clerk, and Prisma for modern app development. | [Github](https://github.com/ishaan1013/thr) | [Demo](https://t.ishaand.com) | ★264 |
| Cut It | Cut It is a free, open-source link shortener. Built with Next.js, Drizzle ORM, and Turso, it offers a user-friendly way to create and manage short URLs. | [Github](https://github.com/mehrabmp/cut-it) | [Demo](https://cutit.tech) | ★255 |
| Modifio | Modifio delivers free, unlimited online multimedia conversion for images, audio, and videos, utilizing WebAssembly and FFmpeg for seamless, restriction-free transformations. | [Github](https://github.com/benlhachemi/modifio) | [Demo](https://modifio.vercel.app/) | ★254 |
| Rdt Li | Redirect.link is a self-hostable, open-source URL shortener built with Next.js, Drizzle, NextAuth, and Postgres, offering rich features and a minimalistic design. | [Github](https://github.com/nrjdalal/rdt-li) | [Demo](https://rdt.li/site) | ★250 |
| Prostore | Prostore is a comprehensive ecommerce platform built using Next.js, TypeScript, PostgreSQL, and Prisma, offering a wide array of features for online stores. | [Github](https://github.com/bradtraversy/prostore) | [Demo](https://prostore-one.vercel.app) | ★245 |
| Enjoytown | Enjoytown is a free streaming platform for drama, anime, movies, and manga. Built with Next.js & Shadcn/UI, it's self-hostable and requires no sign-up. | [Github](https://github.com/avalynndev/enjoytown) | [Demo](https://enjoytown.pro) | ★244 |
| Anirohi | Anirohi is an open-source anime streaming platform with Anilist integration for progress tracking, dashboards, and episode comments, built using Next.js 14. | [Github](https://github.com/noelrohi/anirohi) | [Demo](https://ani.rohi.dev) | ★231 |
| Lipi | Lipi is a Notion.so inspired SAAS web application offering real-time collaboration and adaptable workspaces, powered by Next.js, shadcn/ui, and TailwindCSS. | [Github](https://github.com/rajput-hemant/lipi) |  | ★224 |
| Syllabusx Client | SyllabusX is an open-source platform for GGSIPU students, centralizing syllabi, notes, PYQs, and practical files for easy academic navigation. | [Github](https://github.com/akshat-OwO/syllabusx-client) | [Demo](https://syllabusx.live) | ★205 |
| Travel Planner AI | An AI-powered SaaS travel planner using Next.js and OpenAI to generate custom itineraries from natural language prompts, simplifying adventure planning. | [Github](https://github.com/hardikverma22/travel-planner-ai) |  | ★191 |
| Swishjam | Unify B2B SaaS customer data for out-of-the-box insights, analytics, and automations. Activate product data to drive revenue and growth. | [Github](https://github.com/swishjam/swishjam) | [Demo](https://swishjam.com) | ★177 |
| Mangosqueezy | An open-source affiliate marketing solution using AI to find leads, manage affiliate interactions, and analyze performance for business expansion. | [Github](https://github.com/mangosqueezy/mangosqueezy) | [Demo](https://mangosqueezy.com) | ★176 |
| QuackDB | QuackDB provides a secure, browser-based SQL playground for DuckDB, supporting various file formats and using OPFS for persistent local storage. | [Github](https://github.com/mattf96s/QuackDB) | [Demo](https://app.quackdb.com) | ★162 |
| Frontend Nav | A front-end navigation tool for collecting quality websites and creating shareable webpage cards, inspired by modern app development practices. | [Github](https://github.com/wangfengyuan/frontend-nav) | [Demo](https://webnav.codefe.top) | ★146 |
| Kd | K-NEXT is an ad-free Kdrama streaming application developed with Next.js, Drizzle ORM, NeonDB, and shadcn-UI for a modern viewing experience. | [Github](https://github.com/noelrohi/kd) |  | ★142 |
| Movies | A Next.js 14 application for searching, viewing details, and watching trailers for movies and TV shows, leveraging the TMDB API. | [Github](https://github.com/oktay/movies) | [Demo](https://movies-topaz-gamma.vercel.app) | ★141 |
| Chef Gpt | An open-source AI recipe generator built with Next.js 14, Supabase, Clerk, and OpenAI, offering instant culinary ideas for users. | [Github](https://github.com/giacomogaglione/chef-gpt) | [Demo](https://chef-genie.vercel.app/) | ★138 |
| Instagraph Nextjs Fastapi | A Next.js and FastAPI application to create, visualize, and interact with AI-generated knowledge graphs from your text. | [Github](https://github.com/waseemhnyc/instagraph-nextjs-fastapi) | [Demo](https://instagraph-nextjs-fastapi.vercel.app/) | ★134 |
| ARKA Veterinary Clinic Page And Appointment Booking System | A Next.js 14 veterinary clinic system with booking, admin management, Next-Auth, PostgreSQL (Neon), Drizzle ORM, and ShadCn UI for a complete solution. | [Github](https://github.com/pjborowiecki/ARKA-Veterinary-Clinic-Page-and-Appointment-Booking-System) |  | ★133 |
| jobsync | JobSync is a free, open-source, self-hosted web app for efficient job application tracking, featuring AI-powered resume review and job matching capabilities. | [Github](https://github.com/Gsync/jobsync) |  | ★126 |
| bento-hub | BentoHub is a web app for designing custom bento grids and generating HTML/Markdown for GitHub profile readmes. | [Github](https://github.com/amittam104/BentoHub) | [Demo](https://www.bentohub.online) | ★120 |
| Bikinsoal | Bikinsoal is an open-source AI quiz generator for educators, leveraging Next.js, T3 Stack, OpenAI, and ShadcnUI for a modern quiz creation experience. | [Github](https://github.com/fahreziadh/bikinsoal) |  | ★115 |
| HiyoRi Ecommerce Nextjs Supabase | Hiyori is a cutting-edge e-commerce platform with a custom CMS, leveraging Next.js 14, GraphQL, Supabase, Drizzle, ShadcnUI, and TailwindCSS. | [Github](https://github.com/clonglam/HiyoRi-Ecommerce-Nextjs-Supabase) | [Demo](https://hiyori.hugo-coding.com/) | ★104 |
| GTD Task Management App | A feature-rich task management application built with Next.js 13, NextAuth, and Shadcn UI for optimal productivity and organization. | [Github](https://github.com/eyalcohen4/GTD) | [Demo](https://staycurrent.app) | ★100 |
| PasteCode.app | A Pastebin-like application for developers to share and save text or code snippets, built with Next.js, Drizzle ORM, and Shadcn. | [Github](https://github.com/Quorin/PasteCode.app) | [Demo](https://pastecodeapp.vercel.app) | ★100 |
| typelabs | TypeLabs is a MonkeyType-inspired typing test application built with React, TypeScript, Vite, Shadcn UI, and Zustand, offering extensive theme customization and Spotify integration. | [Github](https://github.com/imsandeshpandey/typelabs) | [Demo](https://typelabs.vercel.app) | ★100 |
| Monorepo | An open-source bot for managing Twitch and Discord communities, featuring a Next.js web app with modern tech for seamless integration. | [Github](https://github.com/senchabot-opensource/monorepo) | [Demo](https://senchabot.app) | ★96 |
| Stocks | A modern stock tracking app built with Next.js 14 and React, using Yahoo Finance for real-time quotes, financials, charts, and news. | [Github](https://github.com/DariusLukasukas/stocks) |  | ★94 |
| Translate App | An AI-driven application for translating text, images, and PDF documents, utilizing Next.js, Tailwind CSS, shadcn/ui, and OpenAI. | [Github](https://github.com/developaul/translate-app) | [Demo](https://talk-translate.vercel.app) | ★91 |
| Anonypost | A Next.js and tRPC application for sharing anonymous posts, featuring shadcn/ui. No sign-up is required for users. | [Github](https://github.com/avalynndev/anonypost) | [Demo](https://anonypost.vercel.app) | ★87 |
| Elyzen | Elyzen is an anime streaming website built with Next.js 14, Tailwind CSS, and Shadcn, integrating Anify, Consumet, and Anilist APIs. | [Github](https://github.com/shimizudev/elyzen) |  | ★75 |
| proxmox-helper-scripts | An archived Next.js and shadcn/ui powered website that offered a community-driven collection of scripts for streamlined Proxmox VE homelab management. | [Github](https://github.com/BramSuurdje/proxmox-helper-scripts) | [Demo](https://proxmoxve-scripts.com/) | ★66 |
| RabbitScout | RabbitScout is a Next.js and shadcn/ui powered alternative to RabbitMQ's default UI, offering real-time monitoring, queue insights, and an intuitive experience. | [Github](https://github.com/Ralve-org/RabbitScout) |  | ★58 |
| Ecommerce Admin | A Next.js & Supabase admin dashboard to manage products, orders, and customers, built with Shadcn UI for efficient ecommerce operations. | [Github](https://github.com/taiwo-adewale/ecommerce-admin) | [Demo](https://ecommerce-admin-board.vercel.app/) | ★55 |
| MySocials | MySocials is an open-source link-in-bio tool using Next.js, Shadcn, and MongoDB, simplifying social media link management and sharing via a single landing page. | [Github](https://github.com/r2hu1/MySocials) | [Demo](https://mysocialz.vercel.app/) | ★55 |
| Limetta | Limetta is a Next.js app for simplified expense tracking, multi-account management, money transfers, and dues tracking, built with a modern tech stack. | [Github](https://github.com/Sukrittt/Limetta) | [Demo](https://limetta.in) | ★53 |
| Miro Clone | A Miro clone application built with Next.js, shadcn/ui, Convex, and Liveblocks, showcasing real-time collaborative whiteboard features from a tutorial. | [Github](https://github.com/chunkangwong/miro-clone) | [Demo](https://miro-clone-ten.vercel.app) | ★52 |
| Mahalli Tauri | Mahalli is a desktop app for managing inventory and invoices locally. Built with Tauri and Vue 3, it offers client, product, quote, and invoice management. | [Github](https://github.com/AbdelilahOu/Mahalli-tauri) |  | ★52 |
| Memergez | Memergez is a Next.js platform using imgflip for easy generation of 70+ meme types. Input text/avatars for instant meme creation. | [Github](https://github.com/avalynndev/memergez) | [Demo](https://memergez.vercel.app) | ★50 |
| Burungbiru | Burbir: A Twitter-like app built with T3 Stack, Shadcn/UI, Prisma, featuring image uploads, rate limiting, and modern authentication. | [Github](https://github.com/yogyy/burungbiru) | [Demo](https://burungbiru.vercel.app) | ★49 |
| V0.diy | v0.diy, an open-source v0.dev alternative, generates UI components via multiple AI models. Supports shadcn/ui, NextUI, and advanced customization. | [Github](https://github.com/SujalXplores/v0.diy) | [Demo](https://v0-diy.vercel.app) | ★49 |
| Mqshop Admin | An e-commerce backend management system for mqshop, built with React18, Zustand, Vite, TypeScript, RouterV6, and shadcn-UI. | [Github](https://github.com/MQEnergy/mqshop-admin) | [Demo](https://mqshop-admin.netlify.app/) | ★46 |
| Digibee Marketplace | DigiBee: A full-stack Next.js and Payload solution for building modern digital product marketplaces to sell items like e-books and courses. | [Github](https://github.com/vignesh-gupta/digibee-marketplace) |  | ★45 |
| Forumgw | A full-stack, informal forum application built with Next.js, Shadcn/UI, Prisma, tRPC, and Supabase, supporting anonymous posts and user accounts. | [Github](https://github.com/AdiCahyaSaputra/forumgw) | [Demo](https://forumgw.vercel.app) | ★45 |
| SEAT FRENZY Restaurant Table Booking System | SeatFrenzy: A Next.js 14 based restaurant booking and management system using DrizzleORM, PlanetScale, and Next-Auth for a seamless experience. | [Github](https://github.com/pjborowiecki/SEAT-FRENZY-Restaurant-Table-Booking-System) |  | ★44 |
| sharable-form-builder | A Next.js and Shadcn/UI based application for developers to easily create, preview, validate, and share web forms via unique links. | [Github](https://github.com/ayoubben18/sharable-form-builder) | [Demo](https://sharable-form-builder.vercel.app) | ★44 |
| Wallhaven Desktop | A desktop client for Wallhaven, built with Farm, Tauri, React19, and Shadcn UI, providing seamless access to stunning wallpapers. | [Github](https://github.com/ErKeLost/wallhaven-desktop) |  | ★42 |
| FileDrop | FileDrop is a Next.js application enabling direct peer-to-peer file sharing and real-time chat, using Node.js, Socket.IO, and WebRTC. | [Github](https://github.com/YugBhanushali/FileDrop) | [Demo](https://file-drops.vercel.app) | ★41 |
| Pinoy Overflow | Pinoy Overflow is a community-driven platform, akin to Stack Overflow, designed to assist newcomers with their web development queries and learning. | [Github](https://github.com/jerommiole/pinoy-overflow) | [Demo](https://www.pinoyoverflow.com/) | ★40 |
| Chat With Pdf | Next.js platform for PDF interaction. Get AI summaries and answers using Langchain, OpenAI, Shadcn UI, and Tailwind CSS. | [Github](https://github.com/Kiranism/chat-with-pdf) | [Demo](https://chat-with-pdf7.vercel.app) | ★37 |
| Nike Shop | A Next.js e-commerce platform with Stripe payments, cart functionality, and a dynamic admin dashboard for managing store content. | [Github](https://github.com/OgaDavid/nike-shop) | [Demo](https://nike-shop-two.vercel.app) | ★35 |
| Nextjs Ecommerce | A comprehensive full-stack e-commerce solution with an admin panel, online store, and Stripe payments, built using Next.js, React, TypeScript, and MongoDB. | [Github](https://github.com/kemalkujovic/nextjs-ecommerce) | [Demo](https://kk-nextjs-ecommerce.vercel.app) | ★34 |
| Pdf.AI | Engage with PDF documents via AI chat. Ask questions, summarize, and find information. Built for edge runtimes with Next.js 13. | [Github](https://github.com/Srijan-D/pdf.ai) | [Demo](https://srijan-pdf-ai.vercel.app) | ★32 |
| Notely | Open-source note-taking app using Next.js 14, Kinde, Prisma, and Supabase for secure, responsive, and feature-rich note management on any device. | [Github](https://github.com/victorpreston/Notely) | [Demo](https://notely-create.vercel.app/) | ★30 |
| Miro Clone Nextjs | A full-stack Miro clone using Next.js 14, Convex, and Liveblocks for real-time, collaborative whiteboarding and team organization features. | [Github](https://github.com/evanch98/miro-clone-nextjs) | [Demo](https://miro-clone-nextjs.vercel.app) | ★29 |
| Interact AI Hub | An AI interaction platform using Next.js and React, offering real-time chat via Vercel AI SDK and customizable Shadcn/Radix UI components. | [Github](https://github.com/PaoloJN/interact-ai-hub) | [Demo](https://ollama-chat-ui.vercel.app) | ★28 |
| Gh Social | A social platform for GitHub users, built with experimental technologies like Next.js App Router, tRPC, and Drizzle ORM for modern developer networking. | [Github](https://github.com/amirfakhrullah/gh-social) | [Demo](https://gh.amrf.me) | ★27 |
| Music Bot | A comprehensive, self-hostable Discord music bot powered by discord.js and discord-player, featuring a web dashboard and database integration. | [Github](https://github.com/twlite/music-bot) | [Demo](https://music-bot.twlite.dev) | ★27 |
| Web IDE | A minimalist HTML, CSS, and JavaScript editor and compiler. Built with Next.js, Tailwind CSS, and Shadcn/UI for a focused, clutter-free coding experience. | [Github](https://github.com/dev-grid/Web-IDE) | [Demo](https://web-based-ide.vercel.app) | ★27 |
| Trello Clone NextJs | Taskify is a fullstack Trello clone built with Next.js 14, enabling users to create boards, lists, and cards with drag-and-drop functionality. | [Github](https://github.com/RiP3rQ/Trello-Clone-NextJs-) | [Demo](https://trello-clone-next-js-chi.vercel.app) | ★25 |
| FIGMA CLONE | A Next.js-based Figma clone enabling real-time collaborative design with features like multi-cursors, chat, and shape creation using Liveblocks and Fabric.js. | [Github](https://github.com/elmurodvokhidov/FIGMA-CLONE) |  | ★25 |
| Slack Clone | A Slack-like application for team collaboration, featuring real-time messaging, rich text editing, and emoji support, built with Next.js, Convex, and Shadcn UI. | [Github](https://github.com/sanidhyy/slack-clone) | [Demo](https://app-slack.vercel.app) | ★24 |
| Stream Rec Frontend | A Next.js and React-based frontend for the Stream-rec project, featuring Shadcn UI and internationalization support for English and Chinese. | [Github](https://github.com/stream-rec/stream-rec-frontend) | [Demo](https://github.com/hua0512/stream-rec) | ★22 |
| Next App AI Saas | Imagenko is an AI-driven image generation SaaS application with a credits system, built using Next.js 14, MongoDB, Cloudinary AI, and Stripe. | [Github](https://github.com/getFrontend/next-app-ai-saas) | [Demo](https://imagenko.vercel.app) | ★22 |
| Genius | A Next.js SaaS platform showcasing AI (ChatGPT, DALLE-3) integration, built with TypeScript, Stripe, Clerk, and modern UI/state management tools. | [Github](https://github.com/Hombre2014/Genius) | [Demo](https://my-tools.ai) | ★20 |
| Jazila Bazar | Jazila Bazar is a multi-vendor e-commerce solution built with Next.js, NestJS, and TypeScript, offering robust features for online marketplaces. | [Github](https://github.com/SMTanimur/Jazila-bazar) | [Demo](https://jazila-bazar.vercel.app) | ★19 |
| Nextjs AI Note App | A sophisticated note-taking application leveraging Next.js, Clerk, OpenAI, Pinecone, Prisma, and Shadcn UI for intelligent features and a seamless user experience. | [Github](https://github.com/AnthonyTlei/nextjs-ai-note-app) | [Demo](https://nextjs-ai-note-app.vercel.app/) | ★19 |
| Nextjs Hackernews | A HackerNews clone built with Next.js and shadcn/ui, featuring React Server Components, Server Actions, and user authentication for a modern experience. | [Github](https://github.com/WhiteDG/nextjs-hackernews) | [Demo](https://nextjs-hackernews-omega.vercel.app) | ★18 |
| File Share Frontend | Experience secure file sharing with this Next.js and ShadCN frontend, offering end-to-end encryption and Auth.js for user management. | [Github](https://github.com/AarambhDevHub/file-share-frontend) | [Demo](https://youtu.be/t5w2dauFmhM) | ★17 |
| Personal Trainer Planner | A Next.js app for personal trainers to manage scheduling, client interactions, workout tracking, and invoicing, streamlining their business operations. | [Github](https://github.com/james-langridge/personal-trainer-planner) | [Demo](https://personal-trainer-planner.vercel.app) | ★17 |
| GenUAI | An open-source AI tool generating UIs for small apps from one prompt, using Shadcn, Aceternity, MagicUI, and SyntaxUI components. | [Github](https://github.com/xKevIsDev/GenUAI) |  | ★16 |
| Shadcn Project | Laravel is a popular PHP web application framework known for its expressive, elegant syntax, making development enjoyable and efficient for building robust applications. | [Github](https://github.com/makara-dev369/shadcn-project) |  | ★16 |
| AI Note App | An AI-powered note-taking app using Next.js 14 and ChatGPT to analyze notes, answer queries, and streamline information retrieval. | [Github](https://github.com/abhishekHegde2000/ai-note-app) | [Demo](https://ai-note-app-rosy.vercel.app) | ★16 |
| down-dev-detector | DownDevDetector lists current service outages from Atlassian Status Page and others, allowing you to search and stay informed on incidents. | [Github](https://github.com/birobirobiro/downdevdetector) | [Demo](https://downdevdetector.vercel.app) | ★16 |
| Edunotify | EduNotify is a web application for educational institutions to manage notices with role-based access, using Permit.io, Clerk, Next.js, and Tailwind CSS. | [Github](https://github.com/PriyanshuPz/edunotify) | [Demo](https://edunotify.vercel.app) | ★14 |
| Remcostoeten All In One Dashboard | A Next.js 14 personal dashboard with tools for file storage, URL extraction, notes, finances, kanban, and various developer utilities, built with TypeScript, Turso, and Drizzle. | [Github](https://github.com/remcostoeten/remcostoeten-all-in-one-dashboard) |  | ★14 |
| QuotesAI | QuotesAI generates mood-based quotes using Next.js, OpenAI, and Goodreads. Features include sharing, search, multilingual support, and daily notifications. | [Github](https://github.com/DarkInventor/QuotesAI) | [Demo](https://quotesai.vercel.app) | ★14 |
| Chat | A full-stack chat application leveraging Bun, Elysia, Drizzle ORM, Postgres, Remix, and Shadcn/UI for modern, real-time messaging. | [Github](https://github.com/mhmdsami/chat) |  | ★14 |
| Flowfairy | FlowFairy is a SaaS platform for professionals, educators, and researchers to create flowcharts with a user-centric interface. | [Github](https://github.com/YuluDuan/flowfairy) | [Demo](https://flowfairy.vercel.app) | ★14 |
| E Commerce Admin | A Next.js based E-Commerce Admin panel using Prisma, Clerk, and Stripe for comprehensive store management, product handling, and sales tracking. | [Github](https://github.com/samizak/E-Commerce-Admin) | [Demo](https://e-commerce-admin-woad.vercel.app/) | ★13 |
| Grade Calculator | A modern dashboard to track academic performance. Calculate needed grades, visualize progress, and organize subjects with weighted grades and customizable scales. | [Github](https://github.com/noahstreller/grade-calculator) | [Demo](https://grades.nstr.dev) | ★13 |
| Ticket Saas App | A Next.js 15 SaaS for ticketing with real-time queues, Stripe Connect, Clerk auth, seller dashboard, and Shadcn UI. | [Github](https://github.com/abhiya492/ticket-saas-app) | [Demo](https://ticket-saas-abhi.netlify.app/) | ★12 |
| PeerUp | PeerUp, built with Next.js 14, enables developers to collaborate seamlessly with rooms, screen sharing, and live video streaming for coding projects. | [Github](https://github.com/victorpreston/PeerUp) |  | ★12 |
| Forklifter | Forklifter: Instantly generate a free, feature-rich developer portfolio with pageview analytics, dynamic opengraph images, and seamless project showcasing. | [Github](https://github.com/99Yash/forklifter) | [Demo](https://forklifter.vercel.app) | ★11 |
| Multi Movies | A React app using themoviedb.org API for trending movies/TV, search, details, cast, reviews, and recommendations. Built with Vite and modern UI tools. | [Github](https://github.com/Valik3201/multi-movies) | [Demo](https://multi-movies.vercel.app) | ★11 |
| Ecom Dashboard | A full-stack dashboard application for online retailers to track key metrics, visualize sales trends, and manage inventory effectively. | [Github](https://github.com/rohitt-gupta/ecom-dashboard) | [Demo](https://ecom-dashboard-five.vercel.app) | ★10 |
| 42 Titles Explorer | Explore 42 Intra titles, uncover hidden achievements, and connect with peers. Built with Next.js, Shadcn UI, and Tailwind CSS. | [Github](https://github.com/mathisdev7/42-Titles-Explorer) | [Demo](https://42-titles.help) | ★10 |
| Modern Periodic Table | An educational Next.js web app for exploring the periodic table, emphasizing metals. Built with Tailwind CSS, Framer Motion, and TypeScript for an interactive experience. | [Github](https://github.com/psykat1116/Modern%20Periodic%20Table) | [Demo](https://modern-periodic-table.vercel.app) |  |
| Dev Notes | Dev Notes is a full-stack MERN application enabling users to securely create, store, and access their notes online, featuring user authentication. | [Github](https://github.com/dhawal-793/Dev%20Notes) | [Demo](https://dev-notes-793.vercel.app) |  |
| Jsm medical schedule app | A Next.js & Appwrite powered healthcare management system for patient registration, appointment scheduling, admin controls, and Twilio SMS notifications. | [Github](https://github.com/rr3s1/jsm%20medical%20schedule%20app) |  |  |
| Yc directory | A Next.js 15 & Sanity CMS powered startup directory platform. Submit, browse ideas, and explore cutting-edge web development features. | [Github](https://github.com/adrianhajdin/yc_directory) | [Demo](https://yc-directory.vercel.app) |  |
| pagegen.ai | Generate web pages swiftly using AI. Converts text, screenshots, and templates into React/shadcn/ui code with one click, powered by Claude AI. |  | [Demo](https://pagegen.ai) |  |
| v0 | Vercel's v0 leverages AI, shadcn/ui, and TailwindCSS for effortless UI generation from text prompts, images, or Figma designs. |  | [Demo](https://v0.dev/) |  |
| bolhadev | A conceptual platform promoting English fluency through regular speaking practice by connecting learners with chat partners for effective communication. |  | [Demo](https://bolhadev.chat/) |  |
| grade-calculator | A student-centric grade calculator and dashboard by nstr.dev, offering a clear overview of academic performance and progress tracking. |  | [Demo](https://grades.nstr.dev/) |  |
| plotwist | Manage, rate, discover, and share your favorite movies, series, animes, and doramas. Create lists, get recommendations, and track viewing progress with this Next.js app. |  | [Demo](https://plotwist.app/en-US) |  |
| youropinion.is | A survey platform offering powerful customization through AI-driven theme generation from any URL and direct import of shadcn/ui themes for seamless brand alignment. |  | [Demo](https://youropinion.is/news/202505-match-my-style) |  |
| 21st.dev | An open-source hub for finding, installing (via CLI), and contributing UI components, with a focus on shadcn/ui and design engineer needs. |  | [Demo](https://21st.dev/) |  |
| country-data-in-charts | Globe Graph is a web application displaying country-specific data like GDP, GDP per capita, and population for various years through multiple chart visualizations. |  | [Demo](https://globe-graph.vercel.app/) |  |
| cv-forge | A developer-focused resume builder utilizing @shadcn/ui, react-hook-form, and react-pdf for creating modern, professional CVs with PDF export. |  | [Demo](https://cvforge.app) |  |
| focus-brew | FocusBrew offers a complimentary suite of productivity instruments designed to enhance focus, organization, and efficiency for your daily tasks. |  | [Demo](https://focusbrew.vercel.app) |  |

## Themes & Customizations

| Name | Description | Link | Demo | Stars |
|------|-------------|------|------|-------|
| UI.jln.dev | Access an expansive library of 10,000+ themes, including VS Code adaptations, for effortless shadcn/ui component customization. | [Github](https://github.com/jln13x/ui.jln.dev) | [Demo](https://ui.jln.dev) | ★1186 |
| Tinte | Tinte is an opinionated theme generator, empowering users to effortlessly create, customize, and export stunning color themes for VS Code and shadcn/ui. | [Github](https://github.com/Railly/tinte) | [Demo](https://tinte.railly.dev) | ★415 |
| Shadcn UI Customizer | Extend shadcn/ui with this customizer to visually tweak themes, adjust CSS variables, and generate code for your project. | [Github](https://github.com/Railly/shadcn-ui-customizer) | [Demo](https://shadcn-ui-customizer.vercel.app) | ★340 |
| Palettify | Palettify offers beautiful themes with instant previews for UI libraries like shadcn-ui and MUI, easily copied into your apps. | [Github](https://github.com/mehdibha/palettify) | [Demo](https://palettify.co) | ★284 |
| Fluid | Fluid is a Hydrogen theme enabling easy creation of Shopify headless storefronts, organizing content seamlessly with the Sanity CMS. | [Github](https://github.com/frontvibe/fluid) | [Demo](https://fluid.frontvibe.com) | ★235 |
| Mantine Theme Builder | MantineHub provides developers with Shadcn-inspired themes and UI blocks for Mantine, streamlining UI creation through easy style adjustments and direct theme export. | [Github](https://github.com/RubixCube-Innovations/mantine-theme-builder) | [Demo](https://mantinehub.com) | ★223 |
| Shadcn UI Theme Explorer | Discover, preview, and integrate diverse themes into your shadcn/ui projects with this Next.js 13 theme explorer and community-driven collection. | [Github](https://github.com/luisFilipePT/shadcn-ui-theme-explorer) | [Demo](https://shadcn-ui-theme-explorer.vercel.app) | ★198 |
| Clerk Shadcn Theme | A CSS theme to seamlessly integrate Clerk authentication components (, , , ) with your shadcn/ui styling. | [Github](https://github.com/stormynight9/clerk-shadcn-theme) |  | ★195 |
| Shadcn Theme Editor | A React component offering an intuitive UI for real-time Shadcn theme color customization and management, ideal as a development tool. | [Github](https://github.com/programming-with-ia/shadcn-theme-editor/) | [Demo](https://shadcnthemeeditor.vercel.app/) | ★179 |
| Shadcn Custom Theme | A CLI tool for generating custom shadcn/ui themes by defining primary, secondary, accent, and gray Tailwind colors, outputting CSS variables. | [Github](https://github.com/kiliman/shadcn-custom-theme) |  | ★148 |
| Example UI Themes | A system for defining, applying, and persisting multiple light/dark themes in applications using CSS variables and a shared state management. | [Github](https://github.com/shadcn/example-ui-themes) | [Demo](https://example-ui-themes.vercel.app) | ★102 |
| Refine Shadcn | A refine.dev theme integration leveraging shadcn-ui, offering pre-built components for List, Show, Create, and Edit pages to accelerate development. | [Github](https://github.com/ferdiunal/refine-shadcn) | [Demo](https://ferdiunal.tech) | ★79 |
| Shadcn UI | A collection of four Catppuccin pastel themes (Latte, Frappé, Macchiato, Mocha) designed for easy integration with shadcn/ui components via CSS variables. | [Github](https://github.com/Tnixc/shadcn-ui) |  | ★50 |
| Shadcn Themes | A visual tool for generating shadcn/ui themes. Pick colors, preview changes, and get CSS variables for your project's light and dark modes. | [Github](https://github.com/mfrkankaya/shadcn-themes) | [Demo](https://themes.fkaya.dev) | ★48 |
| Rjsf Tailwind | @rjsf/tailwind offers a complete Tailwind CSS theme, along with custom fields and widgets, for seamless integration and styling of react-jsonschema-form. | [Github](https://github.com/m6io/rjsf-tailwind) | [Demo](https://rjsf-tailwind.vercel.app) | ★42 |
| UI | A generator for creating custom CSS themes for shadcn/ui, leveraging the vibrant color palettes provided by Radix Colors for easy customization. | [Github](https://github.com/ewgenius/ui) | [Demo](https://ui.ewgenius.me/shadcn-radix-colors) | ★33 |
| Theme Wizard | An interactive Next.js tool for discovering, customizing, and exporting themes for Tailwind CSS and Shadcn/UI applications, with real-time visual feedback. | [Github](https://github.com/fozuzip/theme-wizard) | [Demo](https://theme-wizard.vercel.app) | ★31 |
| Gatsby Theme Twentytwentyone | A Gatsby theme faithfully porting the WordPress Twenty Twenty-One design, with Gutenberg block support, menus, and blog customization. | [Github](https://github.com/shadcn/gatsby-theme-twentytwentyone) | [Demo](https://2021.reflexjs.org) | ★24 |
| Shadcn UI Themes | A free, open-source tool for customizing shadcn/ui themes. Easily change colors, export themes, and manage them with local storage for enhanced app development. | [Github](https://github.com/Tellay/shadcn-ui-themes) | [Demo](https://tellay-shadcn-ui-themes.vercel.app) | ★19 |
| Next Rjsf Form Builder | A theme integrating ShadCN UI with react-jsonschema-form, complete with a form builder for streamlined React form development and styling. | [Github](https://github.com/tuanphung2308/next-rjsf-form-builder) | [Demo](https://next-rjsf-form-builder.vercel.app) | ★18 |
| Spicetify ShadeX | Spicetify-ShadeX is a minimalist theme for Spotify, drawing inspiration from shadcn/ui design principles for a clean and modern user interface. | [Github](https://github.com/sanoojes/Spicetify-ShadeX) | [Demo](https://sanooj.is-a.dev/Spicetify-ShadeX/) | ★17 |
| Shadcn UI Button Using Nativewind V4 | A playground showcasing Chadcn UI button themes and CVA variants integrated with upcoming Nativewind v4 features for custom UI development. | [Github](https://github.com/bidah/shadcn-ui-button-using-nativewind-v4) |  | ★16 |
| Shadcn UI Themes | Explore diverse shadcn/ui themes, preview their impact on components, and easily copy CSS for seamless integration into your projects. | [Github](https://github.com/ZeberMVP/shadcn-ui-themes) | [Demo](https://shadcn-ui-themes.vercel.app) | ★15 |
| Sc Theme Generator | An evolving theme generator for shadcn UI components, designed to simplify visual customization. Currently a work in progress, with new features planned. | [Github](https://github.com/atresnjo/sc-theme-generator) | [Demo](https://sc-theme-generator.vercel.app) | ★14 |
| Flexoki Shadcn UI | Integrate the Flexoki color scheme seamlessly with shadcn/ui components for a visually appealing and consistent user interface. | [Github](https://github.com/guisarria/flexoki-shadcn-ui) | [Demo](https://flexoki-shadcn-ui.vercel.app) | ★10 |
| shadcn-theme-editor | A user-friendly component simplifying management and customization of theme colors in Shadcn-based projects, featuring an intuitive UI. |  | [Demo](https://shadcnthemeeditor.vercel.app) |  |
| tinte | Tinte is a versatile theme generator, simplifying the creation, personalization, and distribution of visually appealing themes for developers, initially for VS Code. |  | [Demo](https://tinte.railly.dev/) |  |
| ibelick/background-snippet | A curated collection of modern background snippets, easily integrated with Tailwind CSS and Vanilla CSS for developers to enhance their projects. |  | [Demo](https://bg.ibelick.com/) |  |
| matsu-theme | A Ghibli Studio-inspired theme for shadcn/ui by Matt Wierzbicki, featuring a unique color palette, watercolor texture, and themed components. |  | [Demo](https://matsu-theme.vercel.app/) |  |
| shadcn-studio | An open-source registry for Shadcn components, blocks, and templates, integrated with a visual theme editor for rapid UI customization and development. |  | [Demo](https://shadcnstudio.com/) |  |
| shadcn-ui-templates | A curated collection of free and premium Shadcn UI templates and resources designed to accelerate your development process and enhance creative projects. |  | [Demo](https://shadcnui-templates.com) |  |
| 10000+Themes for shadcn/ui | Explore over 10,000 themes and generate custom feedback colors (success, warning, error, info) for your shadcn/ui projects effortlessly. |  | [Demo](https://ui.jln.dev/) |  |
| dizzy | Dizzy is a shadcn/ui theme generator, simplifying Next.js or Vite project bootstrapping with customized fonts, icons, colors, and styling. |  | [Demo](https://dizzy.systems) |  |
| shadesigner.com | Shadesigner is a beautiful tool for developers to generate palettes and design themes specifically for the shadcn/ui library, simplifying customization. |  | [Demo](https://shadesigner.com) |  |
| tweakcn | A powerful theme editor and generator for shadcn/ui, offering beautifully designed themes and smooth Tailwind CSS V4 integration. |  | [Demo](https://tweakcn.com/) |  |
| zippy starter's shadcn/ui theme generator | Effortlessly design unique shadcn UI themes using a single base color. Copy and paste generated styles into your apps for rapid customization. |  | [Demo](https://zippystarter.com/tools/shadcn-ui-theme-generator) |  |
| ai-generator-shadcn-theme | This AI tool quickly generates customized shadcn/ui themes from keywords. Craft unique, consistent designs with real-time previews for your projects in seconds. |  | [Demo](https://ipalettes.com/theme/shadcn) |  |

## Plugins & Extensions

| Name | Description | Link | Demo | Stars |
|------|-------------|------|------|-------|
| Basejump | Basejump enhances Supabase by integrating personal/team accounts, RLS-based permissions, and Stripe billing, simplifying SaaS development for Supabase users. | [Github](https://github.com/usebasejump/basejump) | [Demo](https://usebasejump.com/) | ★849 |
| Shadcn Tiptap | A collection of custom Tiptap editor extensions and toolbars, designed for seamless integration with shadcn/ui components. Ready to copy and paste. | [Github](https://github.com/NiazMorshed2007/shadcn-tiptap) | [Demo](https://tiptap.niazmorshed.dev) | ★504 |
| Youtube AI Extension | A React & Plasmo extension integrating OpenAI for YouTube video chat, summaries, Q&A, and context-aware insights directly on the platform. | [Github](https://github.com/PaoloJN/youtube-ai-extension) | [Demo](https://chat-with-youtube.vercel.app) | ★372 |
| Unocss Preset Shadcn | An UnoCSS preset enabling shadcn/ui, shadcn-vue, shadcn-svelte, or SolidUI, offering customizable theming and streamlined integration for modern UIs. | [Github](https://github.com/hyoban/unocss-preset-shadcn) | [Demo](https://unocss-preset-shadcn.vercel.app) | ★315 |
| Unocss Preset Shadcn | An UnoCSS preset enabling the use of shadcn-ui and shadcn-vue components, leveraging UnoCSS's speed and utility-first approach for styling. | [Github](https://github.com/fisand/unocss-preset-shadcn) | [Demo](https://uno-shadcn-doc.vercel.app/) | ★198 |
| Shadcn UI Snippets | A VSCode extension providing snippets to easily import and use shadcn-ui components in your Next.js jsx/tsx files. | [Github](https://github.com/nrjdalal/shadcn-ui-snippets) |  | ★108 |
| Text Polish Chrome Extension | A WXT and shadcn/ui Chrome extension for AI text polishing. Select text to translate, explain, or copy with a sleek floating menu. | [Github](https://github.com/hellokaton/text-polish-chrome-extension) |  | ★101 |
| Vscode Shadcn Svelte | A VSCode extension to install and utilize Shadcn Svelte components directly in your IDE, supporting both Svelte 4 and Svelte 5 workflows. | [Github](https://github.com/selemondev/vscode-shadcn-svelte) | [Demo](https://marketplace.visualstudio.com/items?itemName=Selemondev.vscode-shadcn-svelte&ssr=false#overview) | ★86 |
| Vscode Preview Docs | A VSCode extension that lets you preview language and framework documentation directly in your IDE by scanning \`package.json\`, supporting over 300 sites. | [Github](https://github.com/selemondev/vscode-preview-docs) | [Demo](https://marketplace.visualstudio.com/items?itemName=Selemondev.vscode-preview-docs) | ★40 |
| Shandcn UI Extensions | A collection of supplementary components for shandcn/ui, featuring an auto-height textarea and a Tiptap-based rich text editor for developers. | [Github](https://github.com/sravimohan/shandcn-ui-extensions) | [Demo](https://shandcn-ui-extensions.vercel.app) | ★33 |
| Vscode Shadcn Vue | A VSCode tool for installing Shadcn/Vue components, utilizing snippets, and accessing documentation seamlessly within the editor, enhancing Vue.js development. | [Github](https://github.com/selemondev/vscode-shadcn-vue) | [Demo](https://marketplace.visualstudio.com/items?itemName=Selemondev.shadcn-vue) | ★26 |
| Vscode Shadcn UI | This Visual Studio Code extension facilitates the direct installation of shadcn/ui components, enhancing your UI development workflow. | [Github](https://github.com/SuhelMakkad/vscode-shadcn-ui) | [Demo](https://marketplace.visualstudio.com/items?itemName=SuhelMakkad.shadcn-ui) | ★25 |
| Design With Shadcn UI Plugin | This Figma plugin enables quick theme adjustments for the 'Design with shadcn/ui' file, streamlining your design workflow within Figma. | [Github](https://github.com/hawkup/design-with-shadcn-ui-plugin) | [Demo](https://www.figma.com/community/plugin/1280731237276040017) | ★24 |
| Shadcn Hsl Preview | A VS Code extension offering live HSL color previews for shadcn syntax, enhancing development with instant visual feedback and conversion tools. | [Github](https://github.com/dexxiez/shadcn-hsl-preview) | [Demo](https://marketplace.visualstudio.com/items?itemName=dexxiez.shadcn-color-preview) | ★19 |
| ElementUI UMG Kit | Unreal Engine plugin offering modular UMG elements that extend Common UI styling, featuring a shadcn-inspired theme for immediate use in UE5 projects. | [Github](https://github.com/rdelian/ElementUI-UMG-Kit) |  | ★16 |
| chat-with-youtube | A Chrome extension using AI to summarize YouTube videos, enable content search, and facilitate direct interaction for enhanced understanding. |  | [Demo](https://chat-with-youtube.vercel.app/) |  |
| designgui | A Chrome extension for developers to manage CSS Variable colors, featuring AI palette generation, real-time editing, and accessibility checks. |  | [Demo](https://www.designgui.io/) |  |
| raycast-shadcn | A Raycast extension for browsing shadcn/ui documentation, components, and examples, enhancing developer productivity by integrating these resources into your command bar. |  | [Demo](https://www.raycast.com/luisFilipePT/shadcn-ui) |  |
| shadcn/ui Components Manager | JetBrains IDE plugin for managing shadcn/ui components. Supports Svelte, React, Vue, and Solid, simplifying adding, removing, and updating components. |  | [Demo](https://plugins.jetbrains.com/plugin/23479-shadcn-ui-components-manager) |  |
| vscode-shadcn-ui-snippets | A (now deprecated) VSCode extension providing snippets to quickly import and use shadcn-ui components. Successor is shadcn/next. |  | [Demo](https://marketplace.visualstudio.com/items?itemName=VeroXyle.shadcn-ui-snippets) |  |

## Ports & Implementations

| Name | Description | Link | Demo | Stars |
|------|-------------|------|------|-------|
| Shadcn Svelte | An unofficial Svelte port of shadcn/ui. Create your custom component library with accessible, copy-paste Svelte components styled with Tailwind CSS. | [Github](https://github.com/huntabyte/shadcn-svelte) | [Demo](https://next.shadcn-svelte.com) | ★6761 |
| Flutter Shadcn UI | A Flutter port of shadcn-ui, offering a rich collection of awesome, fully customizable UI components to enhance your Flutter application development. | [Github](https://github.com/nank1ro/flutter-shadcn-ui) | [Demo](https://flutter-shadcn-ui.mariuti.com) | ★1950 |
| Shadcn Rails | A collection of customizable, re-usable Rails components. Copy, paste, and adapt them to build your own unique component library. | [Github](https://github.com/aviflombaum/shadcn-rails) | [Demo](https://shadcn.rails-components.com) | ★764 |
| Shadcn Solid | An unofficial SolidJS port of shadcn/ui, offering accessible, customizable components to copy-paste and build your unique component library. | [Github](https://github.com/hngngn/shadcn-solid) | [Demo](https://shadcn-solid.com) | ★509 |
| UI Thing | A collection of re-usable Nuxt 3 components built with Radix-Vue and TailwindCSS, styled after shadcn/ui, for direct project integration. | [Github](https://github.com/BayBreezy/ui-thing) | [Demo](https://ui-thing.behonbaker.com) | ★491 |
| Shad4Fasthtml | A Python library porting Shadcn-ui components for seamless integration with the FastHtml framework, enabling rapid modern UI development. | [Github](https://github.com/curtis-allan/Shad4Fasthtml) | [Demo](https://shad4fasthtml.com) | ★156 |
| Shadcn Django | An unofficial Django adaptation of shadcn/ui, providing Tailwind CSS and Alpine.js components via a CLI for direct project integration and full customization. | [Github](https://github.com/SarthakJariwala/shadcn-django) | [Demo](https://shadcn-django.com) | ★85 |
| Shadcn Svelte Nodep | A Svelte port of shadcn/ui components, offering zero external UI dependencies and Tailwind CSS styling, including minor enhancements like a Link component. | [Github](https://github.com/WailAbou/shadcn-svelte-nodep) |  | ★76 |
| Shadcn Templ | A Go-based port of Shadcn/ui, leveraging Templ, Alpine.js, and Tailwind CSS to bring popular UI components to Go developers. | [Github](https://github.com/rotmh/shadcn-templ) |  | ★73 |
| React Connections Game | A React-based clone of the popular NYT Connections word puzzle game, utilizing Tailwind CSS for styling and Shadcn/ui for components. | [Github](https://github.com/and-computers/react-connections-game) | [Demo](https://gleeful-torrone-8cd6f3.netlify.app/) | ★45 |
| Shadcn Music Qwik | An experimental port of Shadcn UI's Music App to Qwik, leveraging qwik-react and UnoCSS for an improved developer experience. | [Github](https://github.com/FlatMapIO/shadcn-music-qwik) | [Demo](https://shadcn-music-qwik.pages.dev/) | ★37 |
| Shadcn Vue | A work-in-progress Vue adaptation of the popular shadcn/ui, offering its well-regarded components and design principles for Vue developers. | [Github](https://github.com/ahmedmayara/shadcn-vue) |  | ★33 |
| Franken UI Releases | A shadcn/ui port delivering accessible components via UIkit 3 and LitElement, emphasizing a 'no-build' approach for simpler integration. | [Github](https://github.com/sveltecult/franken-ui-releases) | [Demo](https://franken-ui.dev) | ★11 |
| vscode-shadcn-vue | An extension enabling Vue.js developers to easily integrate and utilize the popular shadcn/ui component library in their applications. |  | [Demo](https://marketplace.visualstudio.com/items?itemName=Selemondev.vscode-shadcn-vue) |  |

## Design Systems & Kits

| Name | Description | Link | Demo | Stars |
|------|-------------|------|------|-------|
| Shadcn Admin | A responsive and accessible admin dashboard UI built using Shadcn and Vite, offering a reusable collection of components for rapid development. | [Github](https://github.com/satnaing/shadcn-admin) | [Demo](https://shadcn-admin.netlify.app/) | ★8031 |
| Shadcn Chatbot Kit | A comprehensive kit for building beautiful, customizable AI chatbots using shadcn/ui, giving developers full component control and a rich user experience. | [Github](https://github.com/Blazity/shadcn-chatbot-kit) | [Demo](https://shadcn-chatbot-kit.vercel.app) | ★523 |
| Craft | Craft is a lightweight React design system for responsive layouts and prose, leveraging Tailwind CSS to create consistent, maintainable UIs. | [Github](https://github.com/brijr/craft) | [Demo](https://craft-ds.com) | ★285 |
| Shadcn UI Kit Free | A rich toolkit featuring admin dashboards, web templates, and adaptable components, designed to speed up modern web application creation. | [Github](https://github.com/bundui/shadcn-ui-kit-free) | [Demo](https://shadcnuikit.com) | ★126 |
| UI | fellipeutaka/ui offers an accessible, customizable Design System built with shadcn/ui components, easily integrated into Tailwind CSS projects for streamlined development. | [Github](https://github.com/fellipeutaka/ui) | [Demo](https://fellipeutaka-ui.vercel.app) | ★25 |
| Airbnb Shadcn | An Airbnb-inspired UI design kit built using Shadcn, providing pre-designed components for crafting modern web interfaces with a familiar aesthetic. | [Github](https://github.com/marvkr/airbnb-shadcn) |  | ★15 |
| Linear Shadcn | A UI kit emulating Linear's design, built with Shadcn for developers seeking a modern, efficient interface foundation. | [Github](https://github.com/marvkr/linear-shadcn) |  | ★14 |
| Openui | A developer-focused design system leveraging TailwindCSS and Shadcn for creating consistent, modern, and responsive user interfaces efficiently. | [Github](https://github.com/OpenLabs-dev/openui) | [Demo](https://openlabs.online) | ★6 |
| Aceternity UI Pro | Discover a collection of high-quality UI Kits and templates, expertly crafted for developers using Tailwind CSS, Next.js, and React frameworks. |  | [Demo](https://pro.aceternity.com/?ref=serpuiaffiliate) |  |
| Myna UI | MynaUI is a comprehensive UI kit built with TailwindCSS and shadcn/ui, offering components for both Figma design and React development. |  | [Demo](https://mynaui.com/?aff=serpuiaffiliate) |  |
| shadcn-ui-components | A comprehensive Figma kit featuring shadcn/ui components, meticulously recreated with variables and animations for seamless design workflows, updated as of April 2025. |  | [Demo](https://www.figma.com/community/file/1342715840824755935/shadcn-ui-components) |  |
| shadcn-ui-storybook (fellipeutaka) | Fellipeutaka's Storybook collection, presenting all registered shadcn/ui components for easy visual exploration and developer reference. |  | [Demo](https://fellipeutaka-ui.vercel.app/?path=/docs/components-accordion--docs) |  |
| mynaui | MynaUI is a comprehensive UI kit powered by TailwindCSS, shadcn/ui, and Radix UI, designed for Figma and React/Next.js development workflows. |  | [Demo](https://mynaui.com/) |  |

## Animations & Effects

| Name | Description | Link | Demo | Stars |
|------|-------------|------|------|-------|
| motionvariants | A curated collection of handmade, free, and ready-to-use Framer Motion animations and variants, simplifying integration for stunning visual effects. | [Github](https://github.com/chrisabdo/motionvariants) | [Demo](https://variantvault.vercel.app) | ★976 |
| pqoqubbw | An open-source (MIT License) collection of smooth, beautifully crafted animated icons, built with motion and lucide, for enhancing your projects. |  | [Demo](https://icons.pqoqubbw.dev/) |  |
| tailwindcss-motion | An intuitive animation library for Tailwind CSS, offering a straightforward syntax, comprehensive features, and extensive customization options for developers. |  | [Demo](https://rombo.co/tailwind/) |  |

shadcn-ui-blocks

shadcn-ui-blocks Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

shadcn-ui-blocks

shadcn-ui-blocks Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README