Free Open Source shadcn/ui Templates

Prism UI is a fully customizable component library extending shadcn/ui with pre-built page sections, complex layouts, and production-ready templates for rapid application development. The open-source library provides ready-to-use components including hero sections, feature grids, responsive navigation systems, footer variations, and MDX components for blogs and documentation, all built with accessibility and customization in mind. Built with Next.js 14 and React Server Components, Radix UI primitives, Tailwind CSS, and TypeScript, Prism UI offers developers a comprehensive ecosystem for creating stunning web applications faster than building from scratch. The library extends shadcn/ui's primitive components with higher-level patterns and page sections, supporting dark mode, responsive design across all devices, and full TypeScript type safety. Perfect for marketing websites, landing pages, documentation sites, or any project requiring beautiful, accessible UI patterns beyond basic components, Prism UI helps developers ship polished interfaces quickly while maintaining the flexibility to customize every aspect of the design.

LLMChat is a privacy-first AI chatbot platform with advanced research capabilities, built as a Next.js monorepo supporting multiple LLM providers including OpenAI, Anthropic, Google, and xAI. The open-source platform stores all user data locally in the browser using IndexedDB, ensuring complete privacy while offering specialized chat modes like Pro Search with web integration and Deep Research for complex topic analysis. Built with Next.js, TypeScript, shadcn/ui components, and Tailwind CSS, LLMChat provides a modular workflow orchestration system for agentic AI interactions including task planning, information gathering, analysis, and comprehensive report generation. The platform enables structured, multi-step research processes using advanced language models like GPT-4 while maintaining complete user privacy through client-side data storage. Perfect for researchers, analysts, developers, or anyone requiring sophisticated AI-powered research tools with privacy guarantees, LLMChat demonstrates how to build production-ready AI applications that respect user data while delivering powerful capabilities through workflow-based AI reasoning and multi-provider LLM support.

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.

Haitang Poetry Society (海棠诗社) is a digital platform dedicated to classical Chinese poetry, creating an immersive cultural sanctuary for exploring thousands of traditional poems through an elegant, modern interface. The MIT-licensed application provides comprehensive search capabilities by collections, dynasties, poets, and individual poems, along with curated categories based on themes like festivals, seasons, and geographical regions. Built with Astro for optimal performance, Tailwind CSS and shadcn/ui for beautiful design, SQLite with Drizzle ORM for efficient data management, and integrated analytics through Umami and Google Analytics, Haitang makes classical Chinese literature accessible to modern audiences. The platform features responsive design with mobile compatibility, dark mode support, and Giscus-powered comments for community engagement around poetry appreciation. Perfect for students of Chinese literature, poetry enthusiasts, cultural preservation projects, or educational platforms, Haitang demonstrates how to build culturally significant applications with modern web technologies while maintaining the elegance and depth of traditional Chinese poetic heritage.

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 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 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 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 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 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.

Echo Editor is a modern AI-powered WYSIWYG rich-text editor for Vue.js built on Tiptap and shadcn-vue, providing comprehensive content editing capabilities with AI assistance for writing, formatting, and content generation. The MIT-licensed editor combines Tiptap's extensible editor framework with shadcn-vue's beautiful component design, delivering a feature-rich editing experience with support for markdown, slash commands, tables, code blocks, and collaborative editing features. Built with Vue 3, Vite for fast development, Tailwind CSS for styling, and SCSS for advanced customization, Echo Editor provides an intuitive WYSIWYG interface that appeals to both technical and non-technical users. The AI-powered features assist with content creation, grammar checking, text improvements, and automated formatting, making it more than just a basic text editor. Perfect for content management systems, blog platforms, documentation sites, note-taking applications, or any Vue.js project requiring sophisticated rich-text editing with AI capabilities, collaborative features, and a modern, customizable interface that matches the shadcn design aesthetic.

Larasonic Vue is the ultimate Laravel starter kit for modern SaaS applications built with the VILT stack (Vue, Inertia, Laravel, Tailwind) and shadcn/ui components, providing a complete foundation for rapid development. The MIT-licensed platform delivers a "10x Dev Experience" with production Docker readiness, advanced authentication, payment integration, API-ready architecture, customizable UI through shadcn components, AI integration capabilities, and FilamentPHP admin panel for backend management. Built with Laravel for robust backend logic, Vue.js for reactive frontend experiences, Inertia.js to bridge frontend and backend seamlessly, Tailwind CSS for modern styling, and shadcn/ui for beautiful components, Larasonic provides an opinionated yet flexible architecture for building sophisticated web applications. The starter kit can be initialized quickly using Laravel's scaffolding command, providing developers with all essential SaaS features configured and ready for customization. Perfect for SaaS platforms requiring Laravel's backend power, modern frontend experiences with Vue, rapid development workflows, or any project benefiting from a comprehensive, production-ready foundation with authentication, payments, and admin tools built in.