Open source and free shadcn templates using Next.js
154 templates • 129 contributors • Open source & free
154
Templates
129
Authors
Available Templates (154)

TWBlocks
TWBlocks is a free, open-source collection of ready-to-use website blocks built with shadcn/ui, Radix UI, Tailwind CSS, and Next.js that developers can easily copy and paste into React projects. The MIT-licensed library provides visually consistent, production-ready components including headers, hero sections, feature displays, CTAs, pricing tables, FAQs, blog layouts, contact forms, and footers, all designed to work seamlessly together. Built with TypeScript and supporting both dark and light modes through shadcn themes, TWBlocks eliminates the need to build common website sections from scratch while maintaining full customization capabilities. Each block requires shadcn UI installation and can be customized through shadcn's theming system, providing a balance between ready-to-use components and design flexibility. Perfect for landing pages, marketing websites, portfolio sites, or any React project requiring polished website sections without the time investment of building components from scratch, TWBlocks accelerates development while maintaining code quality and visual consistency across all blocks.

Sortable
Sortable is a headless drag-and-drop component built with shadcn/ui, Radix UI, and dnd-kit, providing flexible and accessible sortable UI primitives for React applications. The MIT-licensed component offers smooth, customizable drag-and-drop functionality with integration support for react-hook-form and TanStack Table, enabling developers to build sortable lists, tables, and grids without wrestling with complex drag-and-drop logic. Built with Next.js, TypeScript, Tailwind CSS, and Zod validation, Sortable provides a headless approach where developers control the visual presentation while the component handles interaction states, accessibility, and keyboard navigation. The component supports various deployment options including Vercel, Netlify, and Docker, making it versatile for different hosting environments. Perfect for admin interfaces with reorderable lists, kanban boards, data tables with row reordering, file managers, or any application requiring intuitive drag-and-drop sorting with proper accessibility support and smooth animations powered by dnd-kit's optimized drag-and-drop engine.

OneStopShop
OneStopShop is an online marketplace built with Next.js 13 App Router demonstrating cutting-edge features including React Server Components, Server Actions for mutations, and parallel and intercepting routes for seamless user experiences. The MIT-licensed platform enables users to buy and sell products through a comprehensive e-commerce system with seller profiles, product management, and integrated payment processing via Stripe Connect with platform fees and seller payouts. Built with Next.js 13, Drizzle ORM, PlanetScale MySQL, Clerk authentication, UploadThing for file uploads, and Tailwind CSS with shadcn/ui components, the marketplace showcases advanced routing techniques like intercepted routes for product quick view modals and new product creation workflows. The seller-focused architecture allows users to create profiles, manage product listings, and collect payments through Stripe's marketplace features. Perfect for learning Next.js 13's latest capabilities, building multi-vendor marketplaces, e-commerce platforms with seller management, or any project requiring modern server-side rendering patterns with experimental features demonstrating the future of React and Next.js development.

Cult Directory Template
Cult Directory Template is a full-stack startup directory platform built with Next.js 13, shadcn/ui, and Supabase, designed to help entrepreneurs quickly build and launch directory websites with advanced features and AI-powered data enrichment. The template provides user authentication, product filters, customizable themes with dark and light modes, and an admin dashboard with analytics for managing directory content. Built with Next.js, Tailwind CSS, Supabase for database and authentication, and Vercel AI SDK, the platform includes a 3-stage AI bulk data enrichment script that crawls and enhances directory product information automatically. The template offers both free and paid versions ($119), with the paid version including advanced admin tools and AI enrichment features for automated product data collection and processing. Perfect for building startup directories, product showcases, tool collections, or any curated listing platform requiring rapid development, AI-powered content enrichment, and professional design with minimal setup and configuration.

Portfolio
Portfolio is a simple, beautiful portfolio website template built with Next.js 13 and shadcn/ui, designed for easy customization through a centralized configuration approach that eliminates the need to modify multiple files. The MIT-licensed template uses a single portfolio.config.ts file where developers define their basic information, contact details, social media links, skills, projects, and education, with all changes automatically reflected throughout the entire site. Built with Next.js 13, TypeScript (94.7% of codebase), shadcn/ui components, and Tailwind CSS, the template offers a modular configuration system allowing quick personalization while maintaining professional design and responsive layouts. The template includes Next.js font optimization for performance, modern UI components from shadcn/ui, and comprehensive sections covering all essential portfolio information. Perfect for developers, designers, freelancers, or any professional needing a personal portfolio website that can be customized quickly without extensive code modifications, the template demonstrates how centralized configuration patterns simplify website personalization while maintaining code quality and visual consistency.

Next Supabase Stripe Starter
Next Supabase Stripe Starter is a high-quality SaaS template designed to accelerate subscription-based application development with seamless integration between Stripe payments and Supabase database. The MIT-licensed starter provides automatic webhook synchronization between Stripe and Supabase, ensuring product data, subscriptions, and customer information stay perfectly synchronized across both platforms. Built with Next.js 15, Supabase (PostgreSQL and authentication), Stripe (payments, subscriptions, customer portal), React Email, Resend, Tailwind CSS, and shadcn/ui components, the template includes Stripe fixtures for easy product data bootstrapping and Supabase migrations for database schema management. The starter features responsive and accessible prebuilt pages, flexible authentication provider support, integrated email system with React Email and Resend, and dynamic product metadata with type-safe schema parsing. Perfect for building SaaS platforms, membership sites, subscription services, or any application requiring robust payment processing with Stripe and modern database management with Supabase, the starter helps developers bootstrap production-ready applications built to move quickly.

LaunchMVPFast
LaunchMVPFast is an open-source collection of SaaS starter kits, customizable components, and building blocks built with Next.js, shadcn/ui, DrizzleORM, and Resend to help developers launch MVP applications faster. The MIT-licensed project provides production-ready infrastructure with TypeScript (97.4% of codebase), Tailwind CSS, and modern development tools, eliminating the need to build common SaaS features from scratch. The platform includes a comprehensive SaaS starter kit with pre-configured authentication, database integration through DrizzleORM, email functionality via Resend, and customizable UI components from shadcn/ui. Built for rapid MVP development, LaunchMVPFast offers reusable building blocks and components that developers can easily integrate into their projects, focusing development time on unique business logic rather than repetitive infrastructure. Perfect for entrepreneurs launching SaaS products, developers building MVPs quickly, startups requiring rapid prototyping, or any project needing a solid foundation with modern web technologies and best practices built in from day one.

Indie UI
Indie UI is a free collection of customizable UI components and a form builder for web applications, built with React, Next.js, Tailwind CSS, and TypeScript for indie hackers and developers. The MIT-licensed project provides dark mode support, regular updates, MDX documentation, and a shadcn-inspired form builder that simplifies complex form creation without additional dependencies. Built specifically for personal and commercial projects, Indie UI offers community-driven components with a Discord community for support and collaboration. The collection complements the Indie Starter and Nextradar projects, providing developers with production-ready components that can be easily integrated into existing applications. Users can copy and paste components directly into their projects while customizing styling and functionality to match their specific needs. Perfect for indie developers, solo entrepreneurs, small teams building MVPs, or any project requiring polished UI components with a form builder without the overhead of complex form libraries, Indie UI demonstrates how community-driven component collections accelerate development while maintaining code ownership and flexibility.

Mina Scheduler
Mina Scheduler is a customizable React calendar library for Next.js built with Next UI and shadcn/ui components, providing comprehensive event management with day, week, and month views. The MIT-licensed component offers flexible event handling through a custom useScheduler hook, Zod schema validation for event data, Framer Motion animations for smooth transitions, and responsive mobile-friendly design. Built with React, Next.js, TypeScript, shadcn/ui, and deeply integrated with the Next UI ecosystem, Mina Scheduler provides customizable UI elements, event modals, and comprehensive state management for calendar events. The library supports custom styling, event CRUD operations, multiple calendar views, and drag-and-drop functionality for intuitive event management. Perfect for scheduling applications, appointment booking systems, project management dashboards, event planning platforms, or any application requiring sophisticated calendar functionality with beautiful UI and flexible customization options without building calendar logic from scratch.

RetroUI
RetroUI is a retro-styled UI library for modern web applications that combines nostalgic design aesthetics with contemporary web development practices using Tailwind CSS. The MIT-licensed library provides playful, nostalgic design components that bring vintage computing and classic web design styles to modern applications while maintaining accessibility and responsive behavior. Built with TypeScript (71.3%), MDX (25.5%) for documentation, CSS for custom styling, Next.js, and Tailwind CSS, RetroUI offers developers a distinctive styling option beyond typical modern minimalist designs. The library is supported by Vercel's Open Source Program and provides components with retro visual characteristics like pixel-art borders, vintage color palettes, classic button styles, and nostalgic typography treatments. Perfect for portfolio sites wanting unique personality, gaming-related applications, creative agency websites, nostalgic product showcases, or any project seeking to stand out with a distinctive retro aesthetic while maintaining modern web standards, performance, and accessibility, RetroUI demonstrates how classic design can be reimagined for contemporary web applications.

Shadcn Chatbot Kit
Shadcn Chatbot Kit is a comprehensive collection of chatbot components built on shadcn/ui, enabling developers to create beautiful, customizable AI chatbot interfaces in minutes while maintaining full control. The MIT-licensed kit provides rich animated chat interfaces, advanced file attachment handling, markdown and syntax highlighting support, dark/light mode theming, responsive design across devices, and a composable API for custom implementations. Built with TypeScript (82.6%), Next.js, shadcn/ui components, Vercel AI SDK for AI integration, and Tailwind CSS for styling, the kit includes pre-built chat components, auto-scrolling message areas, adaptive message input with file upload, prompt suggestion buttons, message actions (copy, rate), and elegant loading states. The components integrate seamlessly with AI providers through Vercel AI SDK while providing beautiful UI patterns for conversational interfaces. Perfect for customer support chatbots, AI assistant interfaces, documentation help systems, conversational forms, or any application requiring chat functionality with AI integration, Shadcn Chatbot Kit accelerates chatbot development while delivering professional, polished user experiences.

Zola
Zola is a free, open-source AI chat application providing a unified interface for multiple AI models including OpenAI, Mistral, Claude, Gemini, and local Ollama models with "bring your own API key" (BYOK) support via OpenRouter. The Apache 2.0-licensed platform features automatic local Ollama model detection, file upload capabilities, clean responsive UI with light/dark themes, self-hosting options, and flexible architecture allowing seamless switching between cloud and local AI models. Built with TypeScript, Next.js, Tailwind CSS, shadcn/ui, Supabase for authentication and storage, Vercel AI SDK for model integrations, and Prompt-kit for prompt management, Zola provides a customizable chat experience for any AI model. The platform supports running AI models locally for privacy, using cloud models when needed, and combining multiple models in single workflows. Perfect for developers testing different AI models, privacy-conscious users wanting local AI capabilities, teams requiring flexible AI integrations, or any application needing a beautiful chat interface with multi-model support, Zola is currently in beta and sponsored by Vercel's OSS Program.