Components & Libraries | Boilerplates & Starters | Tools & Utilities | Inspirations & Examples | Platforms & Applications | Themes & Customizations | Plugins & Extensions | Ports & Implementations | Design Systems & Kits | Animations & Effects
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 | Demo | |
| Shadcn UI | shadcn/ui offers accessible, customizable React components. Copy-paste to build your unique component library using Radix UI and Tailwind CSS. | Github | Demo | ★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 | Demo | ★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 | Demo | ★17058 |
| novel | Novel is an open-source, Notion-style WYSIWYG editor that enhances content creation with intelligent, AI-powered autocompletion features for developers. | Github | Demo | ★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 | Demo | ★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 | Demo | ★7367 |
| Origin UI | Origin UI: An extensive, copy-paste React component library using Tailwind CSS, constantly updated for fast, modern UI development. | Github | Demo | ★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 | Demo | ★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 | Demo | ★5014 |
| Assistant UI | An open-source TypeScript/React library for building AI chat interfaces, offering composable components and broad LLM provider integration. | Github | Demo | ★4801 |
| Motion Primitives | Beautifully designed, easy-to-integrate motion components for engineers and designers, built with Motion.dev and Tailwind CSS. | Github | Demo | ★4518 |
| neobrutalism-components | A collection of Neobrutalism-styled React components built with Tailwind CSS and based on shadcn/ui, enabling unique web layouts. | Github | Demo | ★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 | Demo | ★3267 |
| Inspira UI | Inspira UI offers a curated collection of beautifully designed, reusable, and configurable components for building elegant websites with Vue & Nuxt. | Github | Demo | ★3220 |
| tremor | Tremor offers 35+ customizable React components for dashboards and web apps, built with Tailwind CSS and Radix UI. | Github | Demo | ★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 | Demo | ★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 | Demo | ★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 | Demo | ★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 | Demo | ★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 | Demo | ★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 | Demo | ★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 | Demo | ★1452 |
| Shadcn Chat | A CLI tool providing customizable and re-usable chat components. Easily integrate beautiful chat interfaces into your applications within minutes. | Github | Demo | ★1451 |
| Shadcn Minimal Tiptap | A lightweight, customizable rich text editor for Shadcn UI, offering intuitive text formatting and editing with excellent performance. | Github | Demo | ★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 | Demo | ★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 | Demo | ★1404 |
| Cnblocks | Tailark offers responsive, pre-built shadcn-UI and Tailwind CSS blocks, accelerating the development of modern marketing websites for developers. | Github | Demo | ★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 | Demo | ★1249 |
| Shadcn Extension | An open-source component collection extending Shadcn UI, built within a Turborepo for developing and sharing reusable UI components efficiently. | Github | Demo | ★1204 |
| Solid UI | SolidUI offers accessible, customizable components for SolidJS, ported from shadcn/ui & tremor-raw. Build your own library with ease. | Github | Demo | ★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 | Demo | ★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 | Demo | ★1130 |
| Emblor | Emblor offers a highly customizable, accessible, and feature-rich tag input solution, seamlessly integrating with Shadcn UI for enhanced user interfaces. | Github | Demo | ★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 | Demo | ★1082 |
| Jolly UI | JollyUI provides shadcn/ui compatible React Aria components, focusing on accessibility, customizability, and easy copy-paste integration for your projects. | Github | Demo | ★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 | Demo | ★948 |
| Date Range Picker For Shadcn | Reusable Shadcn DateRangePicker using Radix UI & Tailwind CSS, featuring presets, text entry, calendar selection, and date comparison. | Github | Demo | ★872 |
| Enhanced Button | Upgrade shadcn-button with diverse, eye-catching styles and practical features, simplifying development with minimal code and easy integration. | Github | Demo | ★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 | Demo | ★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 | Demo | ★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 | Demo | ★803 |
| Time Picker | A React-based TimePicker component for Shadcn UI, offering intuitive selection of hours, minutes, and seconds for your web forms. | Github | Demo | ★774 |
| Shadcn Phone Input | A React component for Shadcn UI, offering a customizable phone input with international validation and country selection. | Github | Demo | ★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 | Demo | ★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 | Demo | ★702 |
| Shadcn Editor | An accessible, customizable rich text editor built with Lexical and Shadcn/UI, featuring React 19 and Tailwind v4 components. | Github | Demo | ★662 |
| Sortable | A Next.js sortable component powered by shadcn/ui, Radix UI, and dnd-kit, featuring headless primitives and form/table integration. | Github | Demo | ★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 | Demo | ★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 | Demo | ★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 | Demo | ★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 | Demo | ★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 | Demo | ★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 | Demo | ★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 | Demo | ★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 | Demo | ★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 | ★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 | Demo | ★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 | Demo | ★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 | Demo | ★386 |
| Shadcn Image Cropper | A lightweight image cropping component using Shadcn/UI and react-image-crop, perfect for integrating clean image editing interfaces. | Github | Demo | ★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 | Demo | ★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 | Demo | ★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 | Demo | ★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 | Demo | ★351 |
| Luna | Luna offers free, open-source, customizable React visual effects. Easily copy and paste components to enhance your existing design system quickly. | Github | ★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 | Demo | ★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 | ★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 | Demo | ★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 | Demo | ★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 | Demo | ★319 |
| Calendar | A feature-rich, customizable full calendar component using React, Shadcn, and Tailwind CSS for seamless dashboard and app integration. | Github | Demo | ★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 | Demo | ★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 | Demo | ★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 | Demo | ★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 | Demo | ★294 |
| Shadcn View Table | Enhanced Shadcn table by nainglinnkhant, offering server-side sorting, pagination, filtering, and custom views. Extends @sadmann17’s shadcn-table. | Github | Demo | ★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 | Demo | ★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 | Demo | ★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 | Demo | ★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 | Demo | ★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 | Demo | ★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 | Demo | ★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 | Demo | ★230 |
| Asyncr | A React component offering a flexible async select input, leveraging ShadCN UI for a modern, accessible, and customizable user experience. | Github | Demo | ★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 | Demo | ★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 | Demo | ★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 | Demo | ★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 | Demo | ★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 | Demo | ★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 | Demo | ★197 |
| Pushmodal | A React library for streamlined management of shadcn UI dialogs, sheets, and drawers, simplifying modal interactions via Radix UI. | Github | ★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 | Demo | ★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 | Demo | ★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 | Demo | ★185 |
| Passlock | A TypeScript library simplifying passkeys, social logins, and user management for web apps, with strong Svelte/SvelteKit support. | Github | Demo | ★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 | Demo | ★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 | Demo | ★173 |
| capture-photo | A React component for browser-based image capture, designed for direct project integration and full customization, built with TypeScript. | Github | Demo | ★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 | Demo | ★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 | Demo | ★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 | Demo | ★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 | Demo | ★151 |
| Search Address | A React component for interactive address search, featuring autocomplete, grouped results, and OpenStreetMap integration via `leaflet-geosearch`. | Github | Demo | ★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 | Demo | ★143 |
| View Shadcn UI | A Vue3 component library built with Tailwind CSS, offering beautified, customizable components for rapid modern web development. | Github | Demo | ★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 | ★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 | Demo | ★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 | ★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 | Demo | ★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 | Demo | ★116 |
| Downshift Shadcn Combobox | A versatile combobox and autocomplete component leveraging Shadcn/ui and Downshift for intuitive user input and suggestion lists. | Github | Demo | ★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 | Demo | ★102 |
| UI | Free, open-source, and customizable UI components based on shadcn/ui, designed for easy integration into your LLM applications. | Github | Demo | ★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 | Demo | ★96 |
| Hookagain | A curated collection of reusable React hooks, easily integrated into your projects using the shadcn CLI for streamlined development. | Github | Demo | ★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 | ★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 | Demo | ★94 |
| Shadcn Fullcalender | A developer-created Full Calendar component offering month/year views and customization, inspired by 0xBoom’s version for ShadCN users. | Github | Demo | ★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 | ★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 | Demo | ★91 |
| Nativecn | Nativecn offers beautiful, customizable React Native components inspired by shadcn/ui, featuring dark mode, CSS variables, and NativeWind support. | Github | Demo | ★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 | Demo | ★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 | Demo | ★86 |
| Shadcn Spinner | A lightweight and customizable loading spinner component, designed for easy integration into Shadcn UI projects, now with CLI support. | Github | Demo | ★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 | Demo | ★81 |
| Next Stepper | A Next.js component for creating interactive multi-step forms using shadcn/ui, Zustand state management, and Framer Motion animations. | Github | Demo | ★81 |
| Inputs | A curated collection of input components leveraging shadcn-ui and Radix UI, designed to enhance user interface development for web applications. | Github | Demo | ★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 | Demo | ★75 |
| Shadcn Dropzone | A pre-built file upload dropzone component for React, integrating shadcn/ui and react-dropzone for streamlined, customizable file handling. | Github | Demo | ★69 |
| Davstack | Davstack provides a suite of TypeScript libraries engineered for accelerating the creation of high-quality React and Next.js web applications. | Github | Demo | ★69 |
| shadcn-extends | An open collection of Shadcn/ui components. Easily copy, paste, and contribute to expand your UI development toolkit. | Github | Demo | ★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 | Demo | ★66 |
| Shadcn UI Monthpicker | Customizable Monthpicker and Monthrangepicker components for shadcn/ui, leveraging Radix UI and Tailwind CSS for flexible date selection. | Github | Demo | ★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 | Demo | ★65 |
| Shadcn Kotlin | An unofficial KotlinJS port of shadcn/ui, built with Kobweb, offering accessible and customizable components for modern web development. | Github | Demo | ★61 |
| Shadcn Virtualized Combobox | A virtualized shadcn/ui combobox component using TanStack Virtual for optimal performance with large datasets in React applications. | Github | Demo | ★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 | Demo | ★59 |
| SimpleKit | SimpleKit offers a responsive connect wallet and account component for React applications, leveraging Wagmi and shadcn/ui for streamlined integration. | Github | Demo | ★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 | Demo | ★58 |
| Extendui | ExtendUI: A curated suite of advanced, reusable UI components built on shadcn/ui, boosting performance and streamlining modern web application development. | Github | Demo | ★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 | Demo | ★53 |
| Shadcn Typography | A React library offering customizable, shadcn/ui-style typography components built with Tailwind CSS for modern user interfaces. | Github | ★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 | Demo | ★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 | Demo | ★50 |
| manfromexistence-ui | A thoughtfully designed UI library empowering developers to build exceptional user experiences with easily integrated, pre-built blocks. | Github | Demo | ★50 |
| Shadcn Iconpicker | A React component for easily selecting Lucide icons, featuring search, progressive loading, and extensive customization for shadcn/ui projects. | Github | Demo | ★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 | ★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 | Demo | ★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 | Demo | ★47 |
| Shadcn Svelte Enhancements | A curated collection of supplementary UI components for Shadcn-Svelte, installable via CLI for seamless integration and enhanced development. | Github | Demo | ★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 | Demo | ★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 | Demo | ★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 | Demo | ★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 | Demo | ★42 |
| floating-dragable-card | A reusable React component for draggable, resizable, maximizable, and minimizable UI elements, offering smooth and configurable dynamic content display. | Github | Demo | ★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 | Demo | ★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 | ★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 | Demo | ★39 |
| Stepper React | A React Stepper component for Shadcn UI, styled with Tailwind CSS. Simplifies multi-step form navigation for enhanced user experience. | Github | Demo | ★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 | Demo | ★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 | Demo | ★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 | Demo | ★36 |
| linked-chart | A React component for synchronized, interactive chart and DataTable views, built with shadcn charts/Recharts and Tanstack Table integration. | Github | Demo | ★36 |
| Shadcn Cookies | A sleek and flexible cookie consent component for shadcn/ui, simplifying user cookie preference management with multiple variants and callbacks. | Github | Demo | ★35 |
| Rails UI | RailsUi offers shadcn/ui-inspired UI components for Rails, leveraging ViewComponents, ERB, and Stimulus for structured, modern UI development. | Github | Demo | ★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 | Demo | ★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 | ★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 | ★31 | |
| Shadcn UI React | A React component library providing up-to-date Shadcn/UI elements, installable individually and themeable with Tailwind CSS. | Github | Demo | ★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 | Demo | ★27 |
| Nextemplate | A developer’s toolkit of custom templates and components using Next.JS, shadcn/ui, and TailwindCSS for faster web project creation. | Github | Demo | ★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 | Demo | ★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 | ★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 | ★26 | |
| Shadcn Inspired | Sysinfocus simple/ui: A Razor component library for Blazor, offering diverse, shadcn/ui-inspired elements for rapid UI development. | Github | Demo | ★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 | ★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 | Demo | ★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 | Demo | ★23 |
| Mallaui | Malla UI offers reusable, shadcn-inspired components for Expo and React Native, simplifying mobile app UI development with easy integration. | Github | Demo | ★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 | Demo | ★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 | ★22 | |
| Shadcn Advanced Table | Feature-packed React table for Shadcn UI, supporting sticky elements, pagination, sorting, and dynamic data, ideal for large datasets. | Github | Demo | ★20 |
| Shadcn Linear Filter | A React component for ShadCN UI, offering a sleek, linear-style interface to filter data in TanStack Tables effectively. | Github | ★20 | |
| Time Picker Svelte | A lightweight, customizable Svelte TimePicker for shadcn/ui integration or versatile headless use in your SvelteKit or Svelte projects. | Github | Demo | ★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 | Demo | ★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 | Demo | ★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 | ★18 | |
| Zod Schema Designer | A powerful component for visually creating and editing Zod schemas, easily integrated into projects using the shadcn CLI. | Github | Demo | ★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 | Demo | ★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 | Demo | ★14 |
| Shadcn Comments | A shadcn-react component for creating multi-functional, GitHub-style comment sections in React, simplifying development for beginners. | Github | Demo | ★14 |
| UI Cart | A Next.js project providing custom-made, reusable components and blocks built upon Shadcn, enhancing your UI development toolkit. | Github | Demo | ★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 | ★13 | |
| Datagrid | An Angular datagrid component integrating TanStack Table with shadcn-ng styling for modern, responsive data presentation. | Github | Demo | ★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 | Demo | ★13 |
| Fresh Shadcn Buttons | A Preact-compatible button component library inspired by Shadcn UI, designed for Deno Fresh, offering diverse styles and animations. | Github | Demo | ★13 |
| Sharkui | This project aimed to bring a highly popular 2023 component library to Vue. Development is currently paused. MIT Licensed. | Github | ★12 | |
| Markdown Lexical Editor | A Next.js project providing a customizable Markdown WYSIWYG editor built with Lexical and Shadcn UI for React applications. | Github | Demo | ★12 |
| Kaif UI | Kaif UI: Open-source library for stunning UIs using Next.js, Tailwind CSS, Framer Motion, and ShadCN UI components. | Github | Demo | ★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 | Demo | ★11 |
| UI | An npm package offering components from shadcn/ui for easier integration. Note its versioning is independent of shadcn/ui component updates. | Github | Demo | ★10 |
| Chyn | A headless component library for Web3, powered by shadcn/ui, wagmi, and viem, enabling custom dApp interface development. | Github | Demo | ★10 |
| Shadcn Creatable Select | Integrate a creatable select component into your shadcn/ui applications, allowing users to dynamically add new selectable options. | Github | ★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 | ★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 | Demo | ★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 | Demo | ★4 |
| Stepperize | Stepperize is a lightweight React library for building intuitive, type-safe multi-step experiences, offering minimal boilerplate and maximum developer control. | Github | Demo | ★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 | ||
| 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 | ||
| 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 | ||
| 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 | Demo | |
| Skiper UI | Accessible, customizable, open-source components for modern websites, built with React, Tailwind, and Framer Motion. Copy and paste to accelerate development. | Demo | ||
| Pro Motion Primitives | Develop engaging websites with Motion-Primitives Pro’s premium, handcrafted motion components, sections, and templates, designed for modern web development. | Demo | ||
| 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 | Demo | |
| Salad ui | A Phoenix LiveView component library inspired by shadcn UI, offering a collection of customizable elements for rapid UI development. | Github | Demo | |
| 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 | ||
| 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 | Demo | |
| 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 | ||
| Shadcn flutter | An unofficial Flutter port of Shadcn/UI, providing a rich set of widgets and utilities for streamlined, cross-platform application development. | Github | Demo | |
| midday-components | A collection of open-source components, including AI editors and invoice tools, derived from Midday to accelerate developer workflows. | Demo | ||
| Franken UI | An open-source library of accessible, customizable, HTML-first UI components. Built with UIkit 3 & LitElement, inspired by shadcn/ui. | Demo | ||
| 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 | ||
| 8bitcn.com | An open-source collection of 8-bit styled, accessible components and a code distribution platform, compatible with popular frameworks. | Demo | ||
| 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 | ||
| 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 | ||
| buouui | BuouUI: A shadcn/ui-based UI library and template suite with stunning landing pages, templates, rich animations, and TailwindCSS. | Demo | ||
| clerk-elements | Build bespoke authentication interfaces using Clerk Elements, a library of composable UI components designed for Clerk’s APIs and custom styling. | Demo | ||
| cult-ui | A curated collection of animated, Shadcn-style React components, styled with Tailwind CSS, for rapid and stylish UI development. | Demo | ||
| date-time-range-picker-shadcn | A comprehensive suite of React components for selecting dates, times, and ranges, featuring presets, customization, and accessibility. | Demo | ||
| datetime-picker | A Storybook-showcased Shadcn datetime picker with timezone support, min/max date limits, and easy month/year navigation for modern UIs. | Demo | ||
| 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 | ||
| 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 | ||
| edil-ozi | A React component library integrating GSAP, Framer Motion, and Tailwind CSS for customizable, accessible, and efficiently developed user experiences. | Demo | ||
| event-timeline-roadmap | Versatile UI components for creating customizable, animated event timelines and roadmaps, speeding up web development with pre-built blocks. | Demo | ||
| 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 | ||
| fancy-area | A React textarea component offering GitHub-style @mentions, markdown preview, and hover cards, built without external editor libraries. | Demo | ||
| 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 | ||
| fancy-multi-select | A lightweight SvelteKit multi-select component, influenced by campsite.design and cal.com, offering keyboard accessibility and powered by cmdk. | Demo | ||
| gluestack-ui | A comprehensive React and React Native component library using Tailwind CSS for modern, high-performance web and mobile apps. | Demo | ||
| hexta-ui | A Next.js UI toolkit offering contemporary, adaptable components. Modify and integrate them to create polished, high-performance web experiences. | Demo | ||
| inspira-ui | An open-source library of animated UI components, enabling developers to build beautiful and dynamic websites with Vue and NuxtJS. | Demo | ||
| 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 | ||
| kibo-ui | Kibo UI extends shadcn/ui, offering advanced, composable React components like tables and AI chat primitives for building richer UIs faster. | Demo | ||
| 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 | ||
| 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 | ||
| mvpblocks | Access prebuilt, responsive UI components with animations. Copy-paste to build faster and launch MVPs sooner, eliminating styling concerns. | Demo | ||
| nextjs-components | A collection of Next.js and TypeScript components, built with shadcn/ui, for quickly creating websites and landing pages. | Demo | ||
| 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 | ||
| 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 | ||
| origin-ui | An open-source collection of elegant, copy-and-paste UI components built with Tailwind CSS and React for rapid application development. | Demo | ||
| password-input | A dedicated custom password input component designed for shadcn/ui, enhancing form security and user experience with easy integration. | Github | ||
| phone-input-shadcn-ui | A customizable phone number input component for Shadcn UI, enhancing forms with country selection, dynamic formatting, and validation capabilities. | Demo | ||
| 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 | ||
| react-highlight-popover | A headless React component for easily implementing customizable popovers that appear on user text selection, offering full styling control. | Demo | ||
| react-select | Integrate feature-rich select inputs into your React applications, styled with modern shadcn UI aesthetics for a seamless user experience. | Github | ||
| 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 | ||
| retro-ui | A React and TailwindCSS UI library inspired by neo-brutalism, offering unique components for modern web apps, compatible with Shadcn/ui. | Demo | ||
| 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 | ||
| 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 | ||
| shadcn-chatbot-kit | Develop stunning, user-owned chatbot interfaces swiftly using this shadcn/ui-inspired toolkit, perfect for AI-centric applications. | Demo | ||
| 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 | ||
| shadcn-cookies | A versatile cookie consent component for shadcn/ui, offering multiple styles and easy integration for modern web applications. | Demo | ||
| 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 | ||
| 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 | ||
| 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 | ||
| shsfui | A motion-first React component library built with TypeScript, Tailwind CSS, Framer Motion, and shadcn/ui, delivering elegant and effortless UI development. | Demo | ||
| 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 | ||
| 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 | ||
| 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 | ||
| solanauth | A responsive Solana wallet authentication and account modal for Next.js, featuring NextAuth integration and shadcn/ui components for modern dApps. | Demo | ||
| vaul | Vaul is a dedicated React component for implementing drawer UIs, offering a simple way to add interactive panels for navigation or content. | Demo | ||
| 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 |
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 | Demo | ★28527 |
| Nextjs Saas Starter | A Next.js starter template for SaaS applications, featuring Postgres, Drizzle, Stripe payments, authentication, and a user dashboard. | Github | Demo | ★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 | Demo | ★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 | Demo | ★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 | Demo | ★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 | Demo | ★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 | Demo | ★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 | ★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 | Demo | ★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 | Demo | ★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 | Demo | ★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 | Demo | ★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 | Demo | ★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 | Demo | ★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 | Demo | ★1604 |
| Tauri UI | Starter templates for building sleek Tauri desktop apps using shadcn/ui, supporting React, Next.js, and SvelteKit for rapid development. | Github | Demo | ★1540 |
| Next Template | A Next.js 13 starter template integrating Radix UI and Tailwind CSS for rapid development of accessible, modern web applications. | Github | Demo | ★1463 |
| Relivator Nextjs Template | Relivator is a robust Next.js eCommerce template with modern tech for fast, scalable online stores, accelerating development. | Github | Demo | ★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 | Demo | ★1319 |
| Chadnext | A Next.js 15 starter template featuring App Router, Shadcn UI, LuciaAuth, Prisma, Stripe, and internationalization for rapid project development. | Github | Demo | ★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 | Demo | ★957 |
| Orbitkit | Orbitkit provides a comprehensive monorepo starterkit, serving as the robust foundation for your next startup or ambitious software idea. | Github | ★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 | Demo | ★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 | Demo | ★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 | Demo | ★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 | Demo | ★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 | Demo | ★709 |
| Turborepo Shadcn UI | A Turborepo boilerplate featuring pre-configured shadcn/ui, TypeScript, ESLint, and Prettier for streamlined monorepo development using pnpm. | Github | ★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 | Demo | ★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 | Demo | ★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 | Demo | ★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 | Demo | ★557 |
| Rapidlaunch | Accelerate MVP launches with customizable Next.js SaaS starterkits, UI components, and modular blocks. Open-source and developer-centric. | Github | Demo | ★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 | Demo | ★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 | Demo | ★528 |
| Shadcn Docs Nuxt | An open-source Nuxt Content documentation theme, powered by shadcn-vue, offering a beautiful and customizable design for developers. | Github | Demo | ★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 | Demo | ★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 | Demo | ★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 | Demo | ★498 |
| Shadcnui Boilerplate | A shadcn/ui boilerplate packed with tools like React, Tailwind, Vite, and Storybook for swift modern web application development. | Github | Demo | ★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 | Demo | ★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 | Demo | ★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 | Demo | ★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 | Demo | ★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 | Demo | ★394 |
| Electron Shadcn | A comprehensive Electron boilerplate featuring Vite, TypeScript, React, Tailwind CSS, and shadcn-ui for rapid desktop application development. | Github | ★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 | Demo | ★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 | Demo | ★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 | ★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 | Demo | ★369 |
| Astro Erudite | astro-erudite is an opinionated, unstyled static blogging template. Built with Astro, Tailwind, and shadcn/ui for developers seeking flexibility. | Github | Demo | ★356 |
| ChatGPT | A Next.js 14 boilerplate for building a ChatGPT-like AI, featuring Shadcn-UI, Prisma, NextAuth, and OpenAI integration for developers. | Github | ★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 | Demo | ★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 | ★323 | |
| Hikari | Jumpstart your SaaS project with this Next.js 14, Supabase, and Stripe powered starter, featuring App Router and essential SaaS functionalities. | Github | Demo | ★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 | Demo | ★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 | Demo | ★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 | Demo | ★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 | ★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 | Demo | ★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 | Demo | ★288 |
| Sveltekit Auth | An open-source Sveltekit authentication starter project using Lucia, shadcn-svelte, Drizzle, Zod, and Superforms for a production-ready setup. | Github | Demo | ★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 | Demo | ★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 | ★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 | Demo | ★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 | Demo | ★253 |
| Launch UI | Production-ready website components using Next.js, Shadcn/ui, and Tailwind CSS for developers to quickly build modern, responsive sites. | Github | Demo | ★252 |
| Kiankit | A SvelteKit and Supabase starter for rapid full-stack development, featuring integrated auth, UI components, and Vercel-ready deployment. | Github | Demo | ★251 |
| Template | A Next.js 13 starter application featuring authentication, payments, PlanetScale DB, Drizzle ORM, Lucia auth, Tailwind CSS, and LemonSqueezy integration. | Github | ★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 | Demo | ★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 | ★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 | Demo | ★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 | Demo | ★226 |
| Firestarta | A Next.js SaaS starter with NextAuth, Prisma, Supabase, Shadcn/ui, and Lemon Squeezy for fast development of subscription-based applications. | Github | Demo | ★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 | Demo | ★217 |
| onyx | Onyx: A NextJS 14 MVP template with Supabase, RBAC, Tanstack Query, Zod, MDX, and more for rapid full-stack development. | Github | Demo | ★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 | Demo | ★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 | Demo | ★205 |
| Astra | A Next.js boilerplate for creating AI-driven website builders, featuring TailwindCSS, Shadcn UI, Magic UI, and Clerk authentication. | Github | Demo | ★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 | Demo | ★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 | ★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 | Demo | ★183 |
| Design System Template | A Turborepo starter template featuring TailwindCSS, Storybook, and shadcn-ui for building scalable design systems and web applications efficiently. | Github | ★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 | Demo | ★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 | ★174 | |
| Sveltekit AI Chatbot | An open-source AI chatbot app template built with SvelteKit, Vercel AI SDK, OpenAI, and Vercel KV for developers. | Github | Demo | ★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 | Demo | ★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 | Demo | ★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 | Demo | ★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 | Demo | ★172 |
| Tauri Start Solid | Starter template for multi-platform desktop apps with Tauri, SolidJS, Nano Stores, TypeScript, Tailwind CSS, Vite, and tray menu. | Github | ★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 | Demo | ★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 | Demo | ★169 |
| Nextjs Dnd | A Next.js starter project demonstrating sortable drag and drop, built with Shadcn UI and the powerful DnD-Kit library. | Github | Demo | ★169 |
| Carhive | A Next.js car rental boilerplate with TypeScript, Tailwind CSS, Clerk auth, Vercel Postgres, Drizzle ORM, Cloudinary, and Stripe. | Github | Demo | ★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 | Demo | ★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 | Demo | ★163 |
| Nextjs Typescript And Mongodb | A very minimal Next.js starter integrating server actions, Prisma (PostgreSQL), TailwindCSS, Shadcn UI, Zod validation, and NextAuth. | Github | Demo | ★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 | Demo | ★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 | Demo | ★160 |
| Next Entree | Accelerate Next.js 14+ development with this starter: app router, shadcn/ui, typesafe env/icons, and essential pre-configurations. | Github | Demo | ★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 | Demo | ★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 | Demo | ★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 | ★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 | Demo | ★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 | Demo | ★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 | Demo | ★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 | Demo | ★131 |
| Shadcn Electron App | A starter project integrating shadcn/ui into electron-vite applications, streamlining desktop UI development with pre-configured settings. | Github | ★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 | Demo | ★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 | Demo | ★127 |
| Wordpress Plugin Boilerplate | A WordPress Plugin Boilerplate leveraging React, TypeScript, Tailwind CSS, Vite, and more for rapid, modern plugin development and prototyping. | Github | Demo | ★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 | Demo | ★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 | Demo | ★122 |
| Codebaseup Core | Launch Next.js projects faster with this App Router boilerplate featuring Turborepo, NextAuth, Prisma, and shadcn/ui, minimizing setup overhead. | Github | Demo | ★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 | ★119 | |
| Image Upload Shadcn | A Next.js boilerplate project enabling easy image uploads to Cloudinary, featuring intuitive drag-and-drop functionality for developers. | Github | Demo | ★119 |
| Venefish | A Next.js boilerplate featuring Firebase, shadcn/ui, and Tailwind CSS, ready for Vercel deployment. Ideal for quickly starting TypeScript projects. | Github | ★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 | Demo | ★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 | Demo | ★112 |
| Nextjs Saaskit | An open-source Next.js boilerplate designed to accelerate SaaS development with pre-built authentication, payment integration, and database setup. | Github | Demo | ★110 |
| Next Shadcn Landing | A Next.js and shadcn/ui starter designed for rapid development of customizable, high-performance, and responsive landing pages. | Github | Demo | ★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 | Demo | ★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 | ★107 | |
| React Starter | A full-featured TypeScript starter for React applications, packed with modern tools and best practices to accelerate your development workflow. | Github | Demo | ★105 |
| nextMotion | An open-source Next.js portfolio template with Nodemailer, Aceternity UI, TailwindCSS, and Framer Motion for modern, reactive SPAs. | Github | Demo | ★105 |
| Turbocharger | A comprehensive monorepo starter built with Turborepo, Next.js 14, Shadcn-ui, and Stripe integration for modern full-stack applications. | Github | ★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 | ★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 | Demo | ★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 | ★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 | Demo | ★97 |
| Cook | A template for creating ultra-modern, bento-box styled portfolio landing pages, ideal for developers, designers, and other creatives. | Github | Demo | ★96 |
| Agency Template | A free, open-source NextJS, Tailwind, and React template designed to help agencies quickly build and customize their websites. | Github | Demo | ★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 | Demo | ★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 | Demo | ★92 |
| Remix Craftjs Starter | A starter application leveraging Remix, Craft.js, and Shadcn-ui for drag-and-drop website building and code generation. | Github | ★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 | Demo | ★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 | ★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 | ★89 | |
| Hackathon Starter | A monorepo starter for hackathons, bundling Next.js, Hono, ShadcnUI, Prisma, PostgreSQL, and Docker for swift project setup. | Github | ★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 | Demo | ★85 |
| shadboard | Shadboard: An open-source Next.js 15 and Shadcn/UI admin dashboard template for building scalable, user-friendly web applications quickly. | Github | Demo | ★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 | Demo | ★82 |
| Hono React Ssr Shadcn UI | A starter template with Honojs, React SSR, Shadcn-UI, and a blog, optimized for Cloudflare Pages deployment. | Github | Demo | ★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 | Demo | ★79 |
| Electron Shadcn Typescript | An Electron boilerplate featuring React, TypeScript, Tailwind CSS, and Shadcn for streamlined cross-platform desktop app development. | Github | ★79 | |
| Pocketwatcher | Production-ready Next.js template with PocketBase and shadcn/ui. Includes authentication, beautiful UI components, and one-command deployment. | Github | Demo | ★78 |
| Larasonic React | Larasonic: A modern, open-source SaaS starter kit featuring Laravel, React, Shadcn, TailwindCSS, and Inertia for rapid development. | Github | Demo | ★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 | ★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 | Demo | ★76 |
| Jaydens Stack | A feature-packed SvelteKit monorepo boilerplate with tRPC, Tailwind CSS, Shadcn, and Turborepo for enhanced developer experience and scalability. | Github | Demo | ★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 | ★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 | ★70 | |
| Sveltekit Omakase | SvelteKit Omakase: An opinionated starter kit with curated tools and structure, enabling rapid development of modern, scalable SvelteKit applications. | Github | Demo | ★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 | ★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 | Demo | ★68 |
| Turbo Npn | A comprehensive monorepo boilerplate using Turborepo, integrating NestJS (backend), NextJS (frontend), PostgreSQL with TypeORM, and pre-configured Shadcn/UI. | Github | Demo | ★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 | Demo | ★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 | Demo | ★67 |
| Onurhan Personal Site | A feature-rich personal website and blog template using Next.js, Tailwind CSS, TypeScript, Contentlayer, and deployable on Vercel. | Github | Demo | ★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 | ★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 | Demo | ★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 | ★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 | Demo | ★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 | ★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 | ★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 | ★64 | |
| Shadcn UI Lib Starter | A starter kit to easily build your own tree-shakeable, customizable shadcn-ui component library with dark mode. | Github | ★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 | Demo | ★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 | Demo | ★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 | Demo | ★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 | Demo | ★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 | Demo | ★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 | ★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 | Demo | ★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 | Demo | ★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 | Demo | ★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 | ★58 | |
| Browser Extension Starter | A WXT-based boilerplate for building feature-rich browser extensions using React, TailwindCSS, Shadcn components, and typesafe TRPC messaging. | Github | ★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 | Demo | ★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 | ★57 | |
| Windows 11 | A React & Next.js starter for building sleek Windows 11-inspired applications, featuring modern design, smooth animations, and draggable windows. | Github | Demo | ★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 | ★56 | |
| Vite Shadcnui Boilerplate | A Vite-powered React boilerplate featuring ShadcnUI and Tailwind CSS, supporting both TypeScript and JavaScript for streamlined project initiation. | Github | ★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 | Demo | ★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 | ★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 | Demo | ★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 | Demo | ★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 | Demo | ★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 | Demo | ★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 | ★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 | Demo | ★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 | Demo | ★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 | Demo | ★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 | ★48 | |
| Next Blog | A minimal, responsive Next.js blog template using ShadcnUI and MDX, designed for simplicity and effective content presentation. | Github | Demo | ★48 |
| Pexllecn | A Next.js starter project, pre-configured with Shadcn UI components, for rapidly building visually appealing and modern web applications. | Github | Demo | ★48 |
| Shadcn Docs Nuxt Starter | Minimal starter for creating stunning documentation sites with Nuxt and shadcn-vue, designed for rapid development and deployment. | Github | Demo | ★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 | ★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 | ★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 | ★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 | Demo | ★46 |
| Starter | A Next.js starter boilerplate featuring Shadcn UI, Supabase, Drizzle ORM, and a modern tech stack for rapid MVP development. | Github | Demo | ★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 | ★45 | |
| Site | A Next.js starter project for building the wanderer.moe frontend, featuring TailwindCSS styling and shadcn/ui components for rapid development. | Github | ★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 | Demo | ★45 |
| Plate Template | A minimal Next.js 15 template for crafting rich-text editors using Plate, enhanced with shadcn/ui and MCP. | Github | Demo | ★45 |
| Next Dashboard | A Next.js starter template for building sleek admin dashboards, powered by Shadcn UI components for rapid development and customization. | Github | Demo | ★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 | Demo | ★43 |
| Sveltekit Shadcn AI | A SvelteKit starter template integrating Shadcn-UI, AI tools, database, and authentication for building modern AI-powered applications. | Github | ★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 | Demo | ★42 |
| Powersync Tauri | A comprehensive starter template for developing local-first applications using Tauri, React, TypeScript, Shadcn UI, and PowerSync, powered by Vite. | Github | ★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 | Demo | ★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 | Demo | ★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 | Demo | ★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 | Demo | ★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 | Demo | ★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 | Demo | ★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 | Demo | ★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 | ★39 | |
| Shadcn Reactjs Starter | A minimal Vite React.js boilerplate featuring Shadcn UI, with an AlertDialog demo to confirm successful component integration. | Github | ★38 | |
| Furniro Ecommerce | A full-stack e-commerce starter using Next.js, Shadcn, MongoDB, Stripe, and Framer Motion for rapid online store development. | Github | Demo | ★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 | ★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 | Demo | ★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 | Demo | ★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 | Demo | ★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 | ★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 | Demo | ★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 | ★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 | ★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 | ★35 | |
| Jorgeassaf Portfolio | A developer portfolio template powered by Next.js 15, featuring 3D graphics, TypeScript, Tailwind CSS, and Sanity CMS integration. | Github | Demo | ★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 | Demo | ★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 | ★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 | ★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 | Demo | ★32 |
| Ecommerce Admin | A full-stack Next.js 13 e-commerce boilerplate with admin dashboard, CMS, using Prisma, MySQL, Tailwind, and Clerk authentication. | Github | Demo | ★32 |
| Shadcn Form Yt | A standard Next.js project template from `create-next-app`, featuring API routes, font optimization, and easy Vercel deployment. | Github | ★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 | ★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 | ★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 | Demo | ★29 |
| Photography Portfolio Website | A Next.js 14, Shadcn, and Tailwind CSS based starter template for creating modern, responsive photography portfolio websites. | Github | Demo | ★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 | Demo | ★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 | ★29 | |
| Nuxt3 Shadcn | A barebones Nuxt 3 starter template, providing essential setup for rapid development and easy project initiation. | Github | ★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 | ★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 | ★28 | |
| Vite Template V3 | A starter template for building React applications using TypeScript, Vite, Tailwind CSS v3, and shadcn/ui components. | Github | ★27 | |
| Example Honox Shadcn UI | A starter repository demonstrating seamless shadcn/ui integration with HonoX, simplifying UI setup with minimal configuration for developers. | Github | Demo | ★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 | ★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 | Demo | ★27 |
| Nextjs Admin Shadcn | A backend management system template using Next.js and Shadcn, for developing admin interfaces with user and menu controls. | Github | Demo | ★27 |
| Portfolio | A Next.js starter for creating stunning, animated personal portfolios using TailwindCSS for styling and Framer Motion for dynamic effects. | Github | Demo | ★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 | Demo | ★27 |
| Mkdocs Shadcn | A Next.js 14+ drop-in for MkDocs Material, building fast, customizable documentation sites with Tailwind CSS and shadcn/ui. | Github | Demo | ★26 |
| Authnextjs | A Next.js boilerplate integrating full-stack authentication and Shadcn UI, perfect for rapidly developing modern, secure web applications. | Github | Demo | ★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 | ★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 | Demo | ★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 | Demo | ★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 | ★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 | ★24 | |
| Hashnode Next | An elegant starter-kit for Hashnode, built with Next.js and shadcn/ui, empowering developers to swiftly deploy headless blogs. | Github | Demo | ★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 | Demo | ★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 | Demo | ★24 |
| Multistep Form | A Next.js boilerplate integrating shadcn/ui, React Hook Form for form management, and Zod for schema validation. | Github | ★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 | ★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 | ★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 | Demo | ★24 |
| Nextron With Shadcn UI | A Nextron starter kit integrating Tailwind CSS, TypeScript, and Shadcn/UI components for streamlined modern web application development. | Github | ★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 | Demo | ★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 | Demo | ★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 | Demo | ★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 | ★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 | Demo | ★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 | ★23 | |
| Teams Next Shadcn | A Next.js, Supabase, and Shadcn boilerplate for rapidly developing Microsoft Teams applications, featuring SSR and simplified Teams integration. | Github | ★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 | ★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 | ★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 | ★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 | ★22 | |
| LMS NextJs | A Next.js boilerplate for building fullstack Learning Management Systems with Stripe, Prisma, Mux, UploadThing, Shadcn, and MySQL. | Github | ★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 | ★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 | ★21 | |
| Saas Starter | An open-source SvelteKit boilerplate with auth, dashboard, blog, and Stripe subscriptions. Built with Tailwind, Supabase for rapid SaaS development. | Github | ★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 | ★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 | ★21 | |
| Prabhukirankonda Portfolio | A SvelteKit template for personal websites and blogs, packed with Tailwind CSS, Shadcn-Svelte, MDsveX, and rich developer features. | Github | Demo | ★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 | Demo | ★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 | Demo | ★21 |
| Hellob.art | A SvelteKit-based portfolio starter using Tailwind CSS and shadcn-svelte. Ideal for developers to showcase projects, work, and studies. | Github | Demo | ★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 | Demo | ★21 |
| Tss App | A TanStack Start boilerplate integrating shadcn/ui, tRPC, Drizzle ORM, and Lucia-Auth for rapid, type-safe full-stack development. | Github | Demo | ★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 | Demo | ★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 | Demo | ★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 | Demo | ★20 |
| Sveltekit Lucia Shadcn | A SvelteKit boilerplate with Lucia authentication, Drizzle ORM for database, and Shadcn-svelte UI, including essential auth pages. | Github | Demo | ★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 | ★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 | Demo | ★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 | ★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 | Demo | ★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 | ★20 | |
| Portfolio | A developer portfolio template leveraging Next.js, Tailwind CSS, and Shadcn UI for a clean, modern, and responsive online presence. | Github | ★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 | ★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 | Demo | ★19 |
| Shadcn Sidebar | A Next.js starter project designed for a simple implementation of a Shadcn-inspired sidebar, streamlining your web development workflow. | Github | ★19 | |
| Ra Shadcn Demo | Vite starter showcasing headless react-admin with shadcn, built on React & TypeScript for custom admin panel development. | Github | Demo | ★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 | Demo | ★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 | ★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 | Demo | ★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 | ★18 | |
| Nextjs Corporate Blog Starter | A Next.js 15 starter for corporate blogs, featuring Tailwind CSS, Shadcn UI, and seamless Wisp CMS integration. | Github | Demo | ★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 | ★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 | Demo | ★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 | Demo | ★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 | ★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 | ★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 | ★18 | |
| Saas Wallet | A responsive SaaS landing page template built with Next.js 14, TypeScript, Tailwind CSS, and Shadcn for rapid project kickstarts. | Github | Demo | ★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 | Demo | ★17 |
| Sample UI React | A sample SPA project template using React, TypeScript, shadcn/ui, and Vite, designed for BtoB management site development. | Github | ★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 | Demo | ★17 |
| Lms | A full-featured Learning Management System (LMS) boilerplate using Next.js, Prisma, PostgreSQL, and Clerk for educators and students. | Github | Demo | ★17 |
| React Shadcn Vite | A deprecated boilerplate for React, Shadcn UI, and Vite projects. Refer to official Shadcn documentation for current setup procedures. | Github | ★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 | Demo | ★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 | Demo | ★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 | Demo | ★17 |
| Mng Stack | A comprehensive monorepo starter kit combining Turborepo, NestJS, NextJS, tRPC, ShadcnUI, and TailwindCSS, pre-configured for Vercel deployment. | Github | Demo | ★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 | Demo | ★17 |
| Equalizer Lp | A developer-focused template for creating responsive Equalizer landing pages using Next.js, TypeScript, Tailwind CSS, and Shadcn/ui components. | Github | Demo | ★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 | Demo | ★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 | ★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 | ★16 | |
| Pocketbook | A Rakkasjs starter template featuring Vite SSR, Shadcn UI, DaisyUI theming, and Pocketbase integration, ideal for building minimal social applications. | Github | Demo | ★16 |
| Turbo Drizzle | A pre-configured Turborepo starter featuring Drizzle ORM and PostgreSQL, designed to streamline full-stack TypeScript application development. | Github | ★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 | Demo | ★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 | ★15 | |
| Shadcn Dashboard | A Next.js boilerplate for quickly building simple and clean dashboards using Shadcn UI components, ready for customization. | Github | Demo | ★15 |
| Starter | Pre-configured Next.js starter with shadcn/ui and brijr/craft integration, ready for quick project kickoff and efficient UI building. | Github | Demo | ★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 | Demo | ★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 | Demo | ★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 | Demo | ★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 | ★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 | ★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 | Demo | ★14 |
| Astro R3f Starter | An opinionated Astro starter for building robust, SEO-optimized, PWA-compliant static websites, pre-configured with TailwindCSS and TypeScript. | Github | ★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 | ★14 | |
| Nextjs Boilerplate | A Next.js boilerplate with TailwindCSS, Typescript, shadcn/ui, Mixpanel, and Vercel integration for rapid, modern web application development. | Github | Demo | ★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 | ★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 | ★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 | Demo | ★13 |
| Shadcn Vue Example | A starter template for Vue 3 and Vite, configured for shadcn-vue, enhancing development with TypeScript and recommended tooling. | Github | ★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 | ★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 | Demo | ★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 | Demo | ★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 | Demo | ★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 | Demo | ★13 |
| ReactBoilerplate | A comprehensive React boilerplate with TypeScript, TailwindCSS, Recoil, React Router, and Shadcn/ui, ready for immediate development and customization. | Github | Demo | ★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 | ★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 | Demo | ★13 |
| Astro Pocketbase Template | A monorepo boilerplate for rapid full-stack web development using Astro, React, Tailwind CSS, Shadcn UI, and Pocketbase. | Github | ★13 | |
| Duxt Starter | A Nuxt 3 starter providing customizable, shadcn-ui inspired components. Easily copy, paste, and tailor elements for rapid project development. | Github | Demo | ★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 | Demo | ★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 | ★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 | Demo | ★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 | Demo | ★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 | ★12 | |
| Shadcn Style Test | A Vite + React + TypeScript starter template to create Shadcn-inspired components using TenoxUI CSS, featuring HMR and ESLint. | Github | ★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 | Demo | ★12 |
| Shadcn Tiptap | A basic Next.js starter for integrating the Tiptap rich text editor, styled with Shadcn UI, ready for quick development. | Github | Demo | ★12 |
| Astro Shadcn UI | A streamlined Astro.js starter kit with Shadcn-ui, Tailwind CSS, and TypeScript for building modern web applications rapidly. | Github | Demo | ★12 |
| Larashad | A ready-to-use Laravel Breeze boilerplate featuring Inertia, React, TypeScript, and the shadcn/ui component library for quick project setup. | Github | ★12 | |
| Wails Template Shadcn Svelte | A Wails template integrating Shadcn UI and Svelte/Kit, accelerating setup for modern, cross-platform desktop application development. | Github | ★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 | ★11 | |
| Fullstack Ecommerce Admin | A Next.js admin panel for e-commerce, equipped with ShadCN, Tailwind, Zod, Zustand, Prisma, Clerk, and Stripe. | Github | Demo | ★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 | ★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 | Demo | ★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 | Demo | ★11 |
| Coheneyal.com | A personal website and blog template utilizing Next.js App Router, ContentLayer, Shadcn/UI, and Tailwind CSS for modern development. | Github | Demo | ★11 |
| Form | A Next.js starter for building secure login/signup forms with robust validation, featuring NextAuth, Prisma, Supabase, Shadcn UI, and TypeScript. | Github | ★11 | |
| Next 15 Shadcn | A Next.js project template, bootstrapped via `create-next-app`, offering a streamlined setup for rapid web development. | Github | ★11 | |
| MinimalFolio | MinimalFolio is a personal portfolio template using Next.js, React, TypeScript, ShadCN, and Tailwind CSS for developers to showcase their work. | Github | Demo | ★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 | Demo | ★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 | Demo | ★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 | Demo | ★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 | ★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 | Demo | ★9 |
| Sveltekit Stack | A SvelteKit starter with Svelte v5, Drizzle ORM, Hono RPC, Shadcn UI, and Supabase (Postgres) for modern full-stack development. | Github | ★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 | ★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 | Demo | ★7 |
| Astro Shadcn | An Astro 5 starter project, equipped with Shadcn/UI and React for streamlined development of performant, visually appealing web experiences. | Github | Demo | ★7 |
| Sveltekit Shadcn Starter | A SvelteKit starter integrating shadcn-svelte, designed for rapid development of modern, stylish web applications. | Github | Demo | ★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 | Demo | ★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 | ★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 | Demo | ★7 |
| shadcn-location-picker | A production-ready template for building full-stack React applications using React Router, featuring SSR, HMR, TypeScript, and TailwindCSS. | Github | Demo | ★7 |
| StarterPack | A comprehensive Laravel starter kit featuring Inertia.js, React, Breeze authentication, and ShadcnUI, designed to accelerate modern web application development. | Github | ★6 | |
| Duxt | Duxt is a Nuxt 3 starter template using TailwindCSS and Nuxt Content, designed to quickly build comprehensive documentation for any project. | Github | Demo | ★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 | ★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 | ★2 | |
| Template | A Next.js starter template featuring Supabase, Stripe, TailwindCSS, and shadcn/ui for rapid full-stack web application development. | Github | ★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 | ||
| 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 | Demo | |
| 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 | ||
| 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 | ||
| 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 | ||
| 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 | Demo | |
| Plasmo tailwinds supabase scaffold | A Plasmo-based Chrome extension scaffold with Supabase auth, Tailwind CSS, and Shadcn-UI for rapid UI development. | Github | ||
| Next Minimal Store | A Next.js boilerplate for creating minimal e-commerce experiences, drawing inspiration from yeezy.com’s aesthetic for developers. | Github | Demo | |
| Shipixen | A Next.js boilerplate and site generator using Tailwind, Shadcn UI, MDX, and Contentlayer for rapid deployment of performant web applications. | Demo | ||
| 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 | ||
| 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 | ||
| 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 | ||
| 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 | ||
| 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 | ||
| 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 | ||
| 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 | ||
| 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 | Demo | |
| 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 | Demo | |
| 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 | ||
| 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 | ||
| 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 | Demo | |
| 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 | ||
| 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 | ||
| 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 | ||
| 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 | ||
| 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 | ||
| Event platform | A full-stack Next.js 14 boilerplate for creating event organization platforms like Eventbrite, featuring authentication, event management, and payments. | Github | Demo | |
| Event platform | A Next.js 14 starter for creating event management applications with authentication, payments, search, and event organization, inspired by Eventbrite. | Github | Demo | |
| 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 | ||
| 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 | ||
| 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 | ||
| andrewsam.xyz | An enhanced Next.js starter blog featuring shadcn/ui, a resume section, and an experience timeline for a complete personal website. | Demo | ||
| 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 | ||
| 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 | ||
| opendocs | Opendocs is a beautifully designed, free, and open-source template. It’s accessible, customizable, and supports i18n, perfect for jumpstarting your projects. | Demo | ||
| template-next | A Next.js boilerplate with TypeScript, TailwindCSS, Shadcn/ui, and Prettier, optimized for rapid project initiation using essential pre-configured packages. | Demo |
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 | Demo | ★2761 |
| Portr | Portr: An open-source ngrok alternative for teams, securely tunneling HTTP, TCP, or WebSocket connections to the public internet. | Github | Demo | ★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 | Demo | ★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 | Demo | ★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 | Demo | ★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 | Demo | ★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 | Demo | ★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 | Demo | ★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 | ★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 | Demo | ★292 |
| UI Colorgen | A UI tool for easy shadcn/ui color setup, generating TailwindCSS color variables for `globals.css` and `tailwind.config.js`. | Github | Demo | ★221 |
| Next Mdx | Retired library for Next.js: Fetched and rendered local MDX files with relational data, custom components, and TypeScript support. | Github | Demo | ★194 |
| Shadcn Zod Form | A CLI tool that simplifies web development by automatically generating shadcn/ui form components from Zod validation schemas. | Github | ★190 | |
| Easyreadme | Easyreadme simplifies README creation by leveraging AI and pre-designed templates to generate visually appealing documentation for various programming language projects. | Github | Demo | ★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 | Demo | ★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 | Demo | ★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 | Demo | ★115 |
| Shadxn | An experimental CLI tool, evolving from shadcn-ui, for enhanced component management using custom and public registries for flexible project integration. | Github | Demo | ★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 | Demo | ★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 | Demo | ★51 |
| Component Renderer | A developer utility for interactively visualizing Shadcn UI components, customizing their properties, and easily copying the React code for integration. | Github | Demo | ★48 |
| Shadcn Differ | A CLI tool that compares NextJS project states post-ShadCN setup, creating a JSON specification for easy updates or bootstrapping. | Github | ★43 | |
| Simple Shadcn Cli | A CLI tool facilitating interactive creation and automated building of custom registry items for the shadcn-cli ecosystem. | Github | ★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 | Demo | ★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 | Demo | ★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 | Demo | ★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 | Demo | ★18 |
| Rediscn | A modern, user-friendly Redis GUI built with Remix, Bun, RedisIO, and Shadcn UI, simplifying database interaction and management for developers. | Github | ★18 | |
| Shadcn Installer | Automate bulk installation of Shadcn-UI components using cross-platform scripts, streamlining your UI development setup. | Github | ★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 | ★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 | Demo | ★15 |
| Registry Builder | A Node.js script for generating shadcn-compatible registry files, enabling custom component and theme sharing. | Github | Demo | ★14 |
| Shadcn Renderer | A Next.js tool for developers to interactively render, configure Shadcn UI components, and view corresponding implementation code snippets. | Github | Demo | ★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 | ★11 | |
| ExplainGPT | ExplainerGPT, a Next.js app with TailwindCSS & @shadcn/ui, uses GPT3 to make complex topics understandable for a five-year-old. | Github | Demo | ★11 |
| Chat to frontend | An AI agent using Langgraph and Shadcn docs to automate frontend component generation, speeding up UI development. | Github | ||
| Shadcn Vue Unocss Starter | An unspecified software resource intended for developers, with details forthcoming. Explore its documentation to understand its core offerings. | Github | ||
| 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 | ||
| imgsrc | Produce captivating Open Graph and social media visuals through adaptable templates, diverse backdrops, and unique branding elements for superior online presence. | Demo | ||
| ui-fonts | Explore and evaluate fonts in real-time for diverse design tasks. Pinpoint the optimal typeface swiftly and without hassle. | Demo | ||
| 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 | ||
| xuneix | A link rotation utility enhancing admin panel security through dynamic URLs, expiring tokens, and customizable rotation configurations for developers. | Demo | ||
| kirimase | Kirimase is a CLI tool to accelerate Next.js app development by integrating packages and scaffolding resources, inspired by the Rails CLI. | Demo | ||
| shadcn-builder | A visual builder for effortlessly creating responsive forms and generating React code with shadcn/ui, streamlining UI development for developers. | Demo | ||
| shadcn-table-maker | A Next.js tool using ShadCN to rapidly scaffold dynamic tables with search, pagination, sorting, and CRUD operations. | Demo | ||
| 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 | ||
| 5devs | 5Devs provides developers with a versatile generator for various fake Brazilian data types, crucial for comprehensive software testing and quality assurance. | Demo | ||
| excelkits | Craft free, downloadable Shadcn-inspired chart images and WEBM videos. Supports PNG, JPEG, WEBP. Upload your data for realistic visualizations. | Demo |
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 | Demo | ★18937 |
| Awesome Shadcn UI | An extensive, curated collection of libraries, tools, templates, and resources for developers using shadcn/ui to build modern applications. | Github | Demo | ★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 | Demo | ★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 | Demo | ★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 | Demo | ★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 | Demo | ★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 | ★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 | Demo | ★718 |
| Zoom Chart Demo | A demonstration of a zoomable chart component using Shadcn UI and Recharts, featuring click-and-drag or scroll zooming. | Github | Demo | ★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 | Demo | ★489 |
| Awesome Shadcn UI | A meticulously curated list of awesome libraries, templates, components, and tools for developers working with shadcn/ui. | Github | ★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 | Demo | ★378 |
| Awesome Shadcn UI | A meticulously curated collection of resources, tools, and inspirations designed to supercharge your development with shadcn/ui. | Github | ★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 | Demo | ★314 |
| Mehdibha.com | Personal website of Mehdi BHA, showcasing projects and skills. Built with Next.js, TypeScript, dotUI, Fumadocs, MDX, and Tailwind CSS. | Github | Demo | ★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 | Demo | ★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 | Demo | ★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 | Demo | ★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 | Demo | ★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 | Demo | ★127 |
| Crypto Charts | A demo project showcasing Shadcn/UI and Recharts for crypto charts, using free historical data from Pyth Network. | Github | Demo | ★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 | Demo | ★106 |
| Www | A personal website for Arunava, a CS undergrad, featuring his software projects, notes, coding stats, and interests like compilers and networks. | Github | Demo | ★106 |
| Shadcn Chart Brush | An example showcasing zoomable, brush-enabled charts built with ShadCN Charts and Recharts, offering enhanced data interaction for developers. | Github | Demo | ★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 | Demo | ★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 | ★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 | Demo | ★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 | Demo | ★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 | Demo | ★80 |
| Shadcn Carousel Testimonials | A Next.js starter project demonstrating responsive testimonial carousels built with shadcn UI components, perfect for showcasing user feedback. | Github | Demo | ★74 |
| Awesome Shadcn Svelte | A curated directory of libraries, components, developer tools, and boilerplates for enhancing shadcn-svelte projects and workflows. | Github | ★71 | |
| Job Portal | A tutorial creating ‘Hirrd’, a full-stack job portal, using React, Tailwind CSS, Supabase, Clerk, and Shadcn UI for developers. | Github | Demo | ★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 | Demo | ★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 | ★64 | |
| Shinthant.dev | A personal portfolio built with Next.js, TypeScript, Tailwind CSS, and GSAP, demonstrating modern web development, responsiveness, and theming. | Github | Demo | ★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 | Demo | ★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 | Demo | ★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 | Demo | ★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 | Demo | ★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 | ★49 | |
| Attio | A Next.js 14, Shadcn, and Tailwind CSS project replicating the Attio CRM, ideal for learning modern web development techniques. | Github | Demo | ★49 |
| Shadcn Storybook Registry | A Storybook registry for all shadcn UI components, enabling quick access to documented atomic-level components for developers. | Github | Demo | ★48 |
| Example Async Combobox Options | Explore this example of a shadcn/ui Combobox featuring asynchronous data fetching, debounced input, and simulated API calls. | Github | ★47 | |
| Next Shadcn UI Table | A Next.js project demonstrating server-side table features like pagination and sorting using Shadcn-UI components. | Github | Demo | ★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 | Demo | ★41 |
| Shadcn Differ Demo | A developer demo tool for visually comparing and tracking changes in ShadCN UI components, simplifying updates and version management. | Github | ★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 | ★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 | Demo | ★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 | ★33 | |
| Url Shortener | A tutorial project demonstrating creating a full-stack URL shortener using React JS, Tailwind CSS, Supabase, and Shadcn UI. | Github | Demo | ★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 | ★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 | Demo | ★30 |
| Supabase Shadcn Database Example | Showcases fetching and filtering Supabase data server-side, displayed responsively in a TanStack Table styled with shadcn/ui. | Github | Demo | ★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 | Demo | ★28 |
| Shadverse | Shadverse is a curated collection where developers discover and share innovative applications built using the shadcn-ui component library. | Github | Demo | ★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 | Demo | ★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 | Demo | ★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 | ★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 | Demo | ★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 | ★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 | Demo | ★20 |
| Dinogomez.net | A personal website showcasing projects and experience, built using NextJS, Shadcn/UI, Tailwind CSS, and featuring interactive draggable components. | Github | Demo | ★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 | Demo | ★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 | Demo | ★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 | Demo | ★17 |
| Layerchart Shadcn Svelte | An example Svelte project demonstrating LayerChart integration with shadcn-svelte components, built using the `create-svelte` foundation. | Github | ★17 | |
| Designfly | Designfly is a full-stack Dribbble clone, demonstrating NextJS, Appwrite, Tailwind CSS, FormikJS, and Shadcn UI integration for developers. | Github | ★17 | |
| Threads Clone | A comprehensive Threads clone built with Next.js 13, Supabase, Prisma, NextAuth.js, TypeScript, shadcn UI, and Tailwind CSS. | Github | Demo | ★16 |
| Awesome Shadcn | A curated compilation of top-tier applications, libraries, components, and starter kits utilizing or enhancing the shadcn/ui framework. | Github | ★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 | Demo | ★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 | ★13 | |
| Shadcnui Example Project | A practical guide for integrating shadcn/ui components into Laravel Breeze applications using the React stack, with examples. | Github | ★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 | Demo | ★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 | Demo | ★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 | Demo | ★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 | Demo | ★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 | ★11 | |
| Animation | A Next.js project showcasing complex animations using React-Spring, TailwindCSS, and ShadcnUI, inspired by an Instagram Reel and Figma design. | Github | Demo | ★11 |
| Shadcn Sample | A starter project for developers to explore and implement various shadcn UI components, covering layouts, forms, tables, and example pages. | Github | Demo | ★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 | ★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 | ★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 | Demo | ★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 | Demo | |
| 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 | Demo | |
| birobirobiro.dev | Explore Birobirobiro’s dynamic portfolio: a showcase of front-end development projects, content creation, and personal setup. | Demo | ||
| godly | A curated directory showcasing top-tier web design inspiration, featuring exceptional examples from various industries and styles to spark your creativity. | Demo | ||
| list.swajp.me | A curated collection of remarkable portfolios from talented individuals, offering inspiration for your next project or design. | Demo | ||
| Nathan’s AI | An interactive AI chatbot portfolio example built with shadcn/ui, offering a unique way for developers to present their experience. | Demo | ||
| 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 | ||
| swajp.me | swajp is Miroslav Stejskal’s portfolio, presenting modern web applications and developer resources, built with Next.js, React, and Tailwind CSS. | Demo | ||
| 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 | ||
| shadcn-storybook-registry | A curated collection of Storybook stories for Shadcn/ui components, enabling developers to rapidly document and visualize atomic UI elements. | Demo | ||
| shadcn-ui-storybook (JheanAntunes) | JheanAntunes’ Storybook setup registers all shadcn/ui components, offering developers an interactive visual catalog for easy exploration and reference. | Demo | ||
| 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 | ||
| 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 |
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 | ★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 | Demo | ★5863 |
| Invoify | Invoify is a Next.js, TypeScript, and Shadcn UI based web app for easy creation, management, and export of professional invoices. | Github | Demo | ★5304 |
| Sink | A robust link shortener on Cloudflare, offering URL compression, detailed analytics, custom & AI slugs, plus link expiration for developers. | Github | Demo | ★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 | Demo | ★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 | Demo | ★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 | Demo | ★3087 |
| autoflow | AutoFlow: An open-source GraphRAG tool using TiDB Vector, LlamaIndex, and DSPy for building advanced knowledge graph applications. | Github | Demo | ★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 | Demo | ★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 | Demo | ★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 | Demo | ★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 | Demo | ★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 | ★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 | Demo | ★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 | Demo | ★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 | Demo | ★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 | Demo | ★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 | Demo | ★712 |
| Feedbase | Feedbase, an open-source product management tool, enhances customer relationships by efficiently capturing feedback, prioritizing issues, and sharing updates. | Github | Demo | ★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 | Demo | ★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 | Demo | ★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 | ★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 | Demo | ★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 | Demo | ★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 | Demo | ★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 | Demo | ★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 | ★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 | Demo | ★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 | Demo | ★255 |
| Modifio | Modifio delivers free, unlimited online multimedia conversion for images, audio, and videos, utilizing WebAssembly and FFmpeg for seamless, restriction-free transformations. | Github | Demo | ★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 | Demo | ★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 | Demo | ★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 | Demo | ★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 | Demo | ★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 | ★224 | |
| Syllabusx Client | SyllabusX is an open-source platform for GGSIPU students, centralizing syllabi, notes, PYQs, and practical files for easy academic navigation. | Github | Demo | ★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 | ★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 | Demo | ★177 |
| Mangosqueezy | An open-source affiliate marketing solution using AI to find leads, manage affiliate interactions, and analyze performance for business expansion. | Github | Demo | ★176 |
| QuackDB | QuackDB provides a secure, browser-based SQL playground for DuckDB, supporting various file formats and using OPFS for persistent local storage. | Github | Demo | ★162 |
| Frontend Nav | A front-end navigation tool for collecting quality websites and creating shareable webpage cards, inspired by modern app development practices. | Github | Demo | ★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 | ★142 | |
| Movies | A Next.js 14 application for searching, viewing details, and watching trailers for movies and TV shows, leveraging the TMDB API. | Github | Demo | ★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 | Demo | ★138 |
| Instagraph Nextjs Fastapi | A Next.js and FastAPI application to create, visualize, and interact with AI-generated knowledge graphs from your text. | Github | Demo | ★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 | ★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 | ★126 | |
| bento-hub | BentoHub is a web app for designing custom bento grids and generating HTML/Markdown for GitHub profile readmes. | Github | Demo | ★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 | ★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 | Demo | ★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 | Demo | ★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 | Demo | ★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 | Demo | ★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 | Demo | ★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 | ★94 | |
| Translate App | An AI-driven application for translating text, images, and PDF documents, utilizing Next.js, Tailwind CSS, shadcn/ui, and OpenAI. | Github | Demo | ★91 |
| Anonypost | A Next.js and tRPC application for sharing anonymous posts, featuring shadcn/ui. No sign-up is required for users. | Github | Demo | ★87 |
| Elyzen | Elyzen is an anime streaming website built with Next.js 14, Tailwind CSS, and Shadcn, integrating Anify, Consumet, and Anilist APIs. | Github | ★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 | Demo | ★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 | ★58 | |
| Ecommerce Admin | A Next.js & Supabase admin dashboard to manage products, orders, and customers, built with Shadcn UI for efficient ecommerce operations. | Github | Demo | ★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 | Demo | ★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 | Demo | ★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 | Demo | ★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 | ★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 | Demo | ★50 |
| Burungbiru | Burbir: A Twitter-like app built with T3 Stack, Shadcn/UI, Prisma, featuring image uploads, rate limiting, and modern authentication. | Github | Demo | ★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 | Demo | ★49 |
| Mqshop Admin | An e-commerce backend management system for mqshop, built with React18, Zustand, Vite, TypeScript, RouterV6, and shadcn-UI. | Github | Demo | ★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 | ★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 | Demo | ★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 | ★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 | Demo | ★44 |
| Wallhaven Desktop | A desktop client for Wallhaven, built with Farm, Tauri, React19, and Shadcn UI, providing seamless access to stunning wallpapers. | Github | ★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 | Demo | ★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 | Demo | ★40 |
| Chat With Pdf | Next.js platform for PDF interaction. Get AI summaries and answers using Langchain, OpenAI, Shadcn UI, and Tailwind CSS. | Github | Demo | ★37 |
| Nike Shop | A Next.js e-commerce platform with Stripe payments, cart functionality, and a dynamic admin dashboard for managing store content. | Github | Demo | ★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 | Demo | ★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 | Demo | ★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 | Demo | ★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 | Demo | ★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 | Demo | ★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 | Demo | ★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 | Demo | ★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 | Demo | ★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 | Demo | ★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 | ★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 | Demo | ★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 | Demo | ★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 | Demo | ★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 | Demo | ★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 | Demo | ★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 | Demo | ★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 | Demo | ★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 | Demo | ★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 | Demo | ★17 |
| GenUAI | An open-source AI tool generating UIs for small apps from one prompt, using Shadcn, Aceternity, MagicUI, and SyntaxUI components. | Github | ★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 | ★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 | Demo | ★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 | Demo | ★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 | Demo | ★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 | ★14 | |
| QuotesAI | QuotesAI generates mood-based quotes using Next.js, OpenAI, and Goodreads. Features include sharing, search, multilingual support, and daily notifications. | Github | Demo | ★14 |
| Chat | A full-stack chat application leveraging Bun, Elysia, Drizzle ORM, Postgres, Remix, and Shadcn/UI for modern, real-time messaging. | Github | ★14 | |
| Flowfairy | FlowFairy is a SaaS platform for professionals, educators, and researchers to create flowcharts with a user-centric interface. | Github | Demo | ★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 | Demo | ★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 | Demo | ★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 | Demo | ★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 | ★12 | |
| Forklifter | Forklifter: Instantly generate a free, feature-rich developer portfolio with pageview analytics, dynamic opengraph images, and seamless project showcasing. | Github | Demo | ★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 | Demo | ★11 |
| Ecom Dashboard | A full-stack dashboard application for online retailers to track key metrics, visualize sales trends, and manage inventory effectively. | Github | Demo | ★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 | Demo | ★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 | Demo | |
| 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 | Demo | |
| Jsm medical schedule app | A Next.js & Appwrite powered healthcare management system for patient registration, appointment scheduling, admin controls, and Twilio SMS notifications. | Github | ||
| Yc directory | A Next.js 15 & Sanity CMS powered startup directory platform. Submit, browse ideas, and explore cutting-edge web development features. | Github | Demo | |
| 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 | ||
| v0 | Vercel’s v0 leverages AI, shadcn/ui, and TailwindCSS for effortless UI generation from text prompts, images, or Figma designs. | Demo | ||
| bolhadev | A conceptual platform promoting English fluency through regular speaking practice by connecting learners with chat partners for effective communication. | Demo | ||
| grade-calculator | A student-centric grade calculator and dashboard by nstr.dev, offering a clear overview of academic performance and progress tracking. | Demo | ||
| 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 | ||
| 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 | ||
| 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 | ||
| 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 | ||
| 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 | ||
| focus-brew | FocusBrew offers a complimentary suite of productivity instruments designed to enhance focus, organization, and efficiency for your daily tasks. | Demo |
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 | Demo | ★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 | Demo | ★415 |
| Shadcn UI Customizer | Extend shadcn/ui with this customizer to visually tweak themes, adjust CSS variables, and generate code for your project. | Github | Demo | ★340 |
| Palettify | Palettify offers beautiful themes with instant previews for UI libraries like shadcn-ui and MUI, easily copied into your apps. | Github | Demo | ★284 |
| Fluid | Fluid is a Hydrogen theme enabling easy creation of Shopify headless storefronts, organizing content seamlessly with the Sanity CMS. | Github | Demo | ★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 | Demo | ★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 | Demo | ★198 |
| Clerk Shadcn Theme | A CSS theme to seamlessly integrate Clerk authentication components (,,, ) with your shadcn/ui styling. | Github | ★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 | Demo | ★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 | ★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 | Demo | ★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 | Demo | ★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 | ★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 | Demo | ★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 | Demo | ★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 | Demo | ★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 | Demo | ★31 |
| Gatsby Theme Twentytwentyone | A Gatsby theme faithfully porting the WordPress Twenty Twenty-One design, with Gutenberg block support, menus, and blog customization. | Github | Demo | ★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 | Demo | ★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 | Demo | ★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 | Demo | ★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 | ★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 | Demo | ★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 | Demo | ★14 |
| Flexoki Shadcn UI | Integrate the Flexoki color scheme seamlessly with shadcn/ui components for a visually appealing and consistent user interface. | Github | Demo | ★10 |
| shadcn-theme-editor | A user-friendly component simplifying management and customization of theme colors in Shadcn-based projects, featuring an intuitive UI. | Demo | ||
| tinte | Tinte is a versatile theme generator, simplifying the creation, personalization, and distribution of visually appealing themes for developers, initially for VS Code. | Demo | ||
| 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 | ||
| matsu-theme | A Ghibli Studio-inspired theme for shadcn/ui by Matt Wierzbicki, featuring a unique color palette, watercolor texture, and themed components. | Demo | ||
| 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 | ||
| 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 | ||
| 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 | ||
| dizzy | Dizzy is a shadcn/ui theme generator, simplifying Next.js or Vite project bootstrapping with customized fonts, icons, colors, and styling. | Demo | ||
| shadesigner.com | Shadesigner is a beautiful tool for developers to generate palettes and design themes specifically for the shadcn/ui library, simplifying customization. | Demo | ||
| tweakcn | A powerful theme editor and generator for shadcn/ui, offering beautifully designed themes and smooth Tailwind CSS V4 integration. | Demo | ||
| 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 | ||
| 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 |
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 | Demo | ★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 | Demo | ★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 | Demo | ★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 | Demo | ★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 | Demo | ★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 | ★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 | ★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 | Demo | ★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 | Demo | ★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 | Demo | ★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 | Demo | ★26 |
| Vscode Shadcn UI | This Visual Studio Code extension facilitates the direct installation of shadcn/ui components, enhancing your UI development workflow. | Github | Demo | ★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 | Demo | ★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 | Demo | ★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 | ★16 | |
| chat-with-youtube | A Chrome extension using AI to summarize YouTube videos, enable content search, and facilitate direct interaction for enhanced understanding. | Demo | ||
| designgui | A Chrome extension for developers to manage CSS Variable colors, featuring AI palette generation, real-time editing, and accessibility checks. | Demo | ||
| 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 | ||
| 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 | ||
| vscode-shadcn-ui-snippets | A (now deprecated) VSCode extension providing snippets to quickly import and use shadcn-ui components. Successor is shadcn/next. | Demo |
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 | Demo | ★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 | Demo | ★1950 |
| Shadcn Rails | A collection of customizable, re-usable Rails components. Copy, paste, and adapt them to build your own unique component library. | Github | Demo | ★764 |
| Shadcn Solid | An unofficial SolidJS port of shadcn/ui, offering accessible, customizable components to copy-paste and build your unique component library. | Github | Demo | ★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 | Demo | ★491 |
| Shad4Fasthtml | A Python library porting Shadcn-ui components for seamless integration with the FastHtml framework, enabling rapid modern UI development. | Github | Demo | ★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 | Demo | ★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 | ★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 | ★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 | Demo | ★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 | Demo | ★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 | ★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 | Demo | ★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 |
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 | Demo | ★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 | Demo | ★523 |
| Craft | Craft is a lightweight React design system for responsive layouts and prose, leveraging Tailwind CSS to create consistent, maintainable UIs. | Github | Demo | ★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 | Demo | ★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 | Demo | ★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 | ★15 | |
| Linear Shadcn | A UI kit emulating Linear’s design, built with Shadcn for developers seeking a modern, efficient interface foundation. | Github | ★14 | |
| Openui | A developer-focused design system leveraging TailwindCSS and Shadcn for creating consistent, modern, and responsive user interfaces efficiently. | Github | Demo | ★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 | ||
| Myna UI | MynaUI is a comprehensive UI kit built with TailwindCSS and shadcn/ui, offering components for both Figma design and React development. | Demo | ||
| 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 | ||
| shadcn-ui-storybook (fellipeutaka) | Fellipeutaka’s Storybook collection, presenting all registered shadcn/ui components for easy visual exploration and developer reference. | Demo | ||
| 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 |
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 | Demo | ★976 |
| pqoqubbw | An open-source (MIT License) collection of smooth, beautifully crafted animated icons, built with motion and lucide, for enhancing your projects. | Demo | ||
| tailwindcss-motion | An intuitive animation library for Tailwind CSS, offering a straightforward syntax, comprehensive features, and extensive customization options for developers. | Demo |