Free React & shadcn/ui Templates

UI Builder is a React component providing a no-code, visual interface for creating UIs with compatibility for shadcn/ui and custom React components, solving the fundamental problem of UI creation tools ignoring existing component libraries. The MIT-licensed tool uses a component registry to map React components to editable UI elements, providing a Figma-style editor for composing pages and components with drag-and-drop functionality. Built with React, Zod for schema validation, Tailwind CSS, TypeScript, and Next.js, UI Builder stores layouts as JSON for easy versioning and rendering while supporting runtime variable overrides for dynamic, personalized content. The builder enables non-developers to modify UIs without engineering help while respecting existing component libraries and design systems. Perfect for building customizable dashboards, enabling client UI customization, creating page builders for CMS platforms, developing dynamic email templates, or any application requiring visual UI composition without coding, UI Builder provides variable binding for data-driven interfaces and supports custom component integration.

Edra is a fully controllable rich text editor specifically designed for Svelte developers, built with Tiptap and offering extensive customization through flexible UI options and comprehensive formatting tools. The MIT-licensed editor provides rich text editing with markdown shortcuts, comprehensive formatting (bold, italic, underline), color picking and highlighting, table creation and manipulation, media embedding (images, videos, audio), code blocks with syntax highlighting, slash commands, math and LaTeX support, drag-and-drop functionality, and search and replace capabilities. Built with Svelte, TypeScript, and Tiptap with optional headless or Shadcn-based UI, Edra offers extensive configuration capabilities and seamless integration as a Svelte component. The editor emphasizes developer experience with the ability to add or remove features as needed while maintaining full control over functionality and appearance. Perfect for content management systems built with Svelte, blogging platforms, documentation sites, note-taking applications, or any Svelte project requiring sophisticated rich text editing with complete control over features and customization, Edra demonstrates Tiptap's power within the Svelte ecosystem.

YouTube AI Extension is an interactive browser extension that transforms passive video watching into an interactive learning experience through real-time AI-powered video chat using OpenAI's API. The MIT-licensed extension seamlessly integrates into YouTube's interface, enabling users to chat with videos in real-time, receive video summaries, ask questions and get context-aware responses, with multilingual support for global audiences. Built with React, Tailwind CSS, Plasmo extension framework, TypeScript, and OpenAI API integration, the extension provides contextual understanding of video content while generating intelligent summaries and answering user questions about what they're watching. The project has a major update planned for June 2025 promising powerful new features, streamlined installation, and an official Chrome Web Store release. Perfect for students learning from educational videos, researchers analyzing content, language learners, professionals consuming training materials, or anyone wanting to engage more deeply with video content through AI-assisted comprehension and interaction, the extension demonstrates innovative AI integration in browser extensions.

Laravel Luvi is a collection of copyable UI components for Laravel applications inspired by shadcn-ui, built with Blade templates and AlpineJS with full Livewire compatibility. The MIT-licensed library provides modular UI components installable via Composer, offering easy integration into Laravel projects with copy-and-paste functionality similar to shadcn-ui's philosophy. Built with PHP (13.1%), Blade (29.0%), JavaScript (56.1%), and CSS (1.8%), Laravel Luvi supports multiple frontend frameworks including Blade, AlpineJS, and Livewire for maximum flexibility. The component library emphasizes developer experience through straightforward installation, clear documentation, and compatibility with Laravel's ecosystem. Perfect for Laravel developers seeking modern UI components, projects requiring Livewire-compatible interfaces, teams building design systems for Laravel applications, or any Laravel project benefiting from reusable, customizable components without JavaScript framework overhead, Laravel Luvi brings shadcn-ui's component philosophy to the Laravel and PHP ecosystem with tools familiar to backend developers.

Core building blocks for AI apps. High-quality, accessible, and customizable components for AI interfaces.

Kaminari is a streamlined Next.js 15 project starter template designed for rapid development with a "no bullshit" approach to configuration. Built with TypeScript, Tailwind CSS 4, and shadcn-ui, this opinionated starter provides developers with a batteries-included setup that emphasizes developer experience and fast project initialization. The template comes pre-configured with absolute imports, ESLint, and Prettier, enabling teams to start building immediately without tedious setup work. Perfect for developers seeking a clean, modern foundation for web applications with industry-standard tooling and one-click Vercel deployment, Kaminari eliminates boilerplate complexity while maintaining flexibility for customization. Whether building a SaaS product, marketing site, or full-stack application, this starter template accelerates development by providing essential configurations and integrations out of the box, allowing developers to focus on building features rather than wrestling with initial project setup and configuration decisions.

Edra is a fully controllable rich text editor specifically engineered for Svelte developers, built on the powerful Tiptap editor framework with TypeScript. This comprehensive editing solution offers two flexible UI options: a headless mode for complete customization and a shadcn-based interface for rapid implementation. The editor features markdown shortcuts, comprehensive text formatting (bold, italic, underline, strikethrough), color picking and highlighting, table creation and manipulation, media embedding (images, videos, audio), code blocks with syntax highlighting, drag-and-drop functionality, slash commands, and math/LaTeX support. With its bubble menu for quick editing and extensive extensibility, Edra addresses the lack of powerful, Svelte-native rich text editors in the ecosystem. Perfect for building content management systems, note-taking applications, documentation platforms, and any Svelte application requiring sophisticated text editing capabilities, Edra provides developers with a production-ready component that can be easily integrated and customized to match specific application requirements while maintaining full control over functionality and appearance.

Astro Erudite is an opinionated, unstyled static blogging template built with Astro, Tailwind CSS, and shadcn/ui, designed for developers who value performance and flexibility in their web publishing workflow. This modern template leverages Astro Islands architecture for selective hydration, ensuring optimal loading performance by only hydrating interactive components when needed. Features include automatic light/dark theme styling, MDX content support with LaTeX math rendering for technical writing, SEO optimization, RSS feed generation, author and project profiles, and smooth view transitions for an enhanced user experience. The unstyled approach provides maximum design flexibility, allowing developers to customize appearance without fighting against opinionated defaults. Perfect for technical bloggers, academics, developers maintaining project documentation, or anyone building a content-focused site with modern web standards, Astro Erudite combines the performance benefits of static site generation with the developer experience of component-based development, making it ideal for creating fast, accessible, and highly customizable blogs and portfolios.

Next Minimal Store is a minimalist e-commerce store template built with Next.js, React, and Tailwind CSS, drawing aesthetic inspiration from the clean, focused design of yeezy.com. This streamlined shopping experience prioritizes product presentation and user experience through a deliberately sparse interface that eliminates distractions and emphasizes content over chrome. The template demonstrates modern e-commerce best practices with server-side rendering for optimal performance, responsive design that works seamlessly across devices, and a component architecture that supports easy customization and extension. Perfect for brands seeking a sophisticated, high-end shopping experience, product launches requiring a focused presentation, limited-edition releases, or any e-commerce venture that values design minimalism and user experience elegance. Created by Lee Robinson (Leerob), VP of Developer Experience at Vercel, this template showcases Next.js capabilities for building performant, production-ready e-commerce applications while maintaining a codebase that's accessible to developers at all skill levels through clear code organization and modern React patterns.

Router.so is an open-source, headless form handling and lead routing platform designed for marketing-minded developers who need a flexible, self-hostable solution for managing form submissions and lead distribution. Built with Next.js, TypeScript, Tailwind CSS, PostgreSQL, Drizzle ORM, and shadcn/ui, this platform provides streamlined form routing capabilities without the complexity and recurring costs of traditional marketing automation tools. The platform includes Resend integration for email functionality, supports both local development and Docker-based deployments, provides database migration tools, and offers one-click deployment to Vercel for quick production setup. Perfect for marketing agencies managing multiple client campaigns, SaaS companies capturing and routing inbound leads, developers building custom CRM integrations, or any team requiring sophisticated form handling with complete data ownership and customization control. Router.so eliminates vendor lock-in by providing full access to the codebase, allowing teams to modify routing logic, add custom integrations, and maintain complete control over lead data while benefiting from modern development practices and a clean, maintainable architecture.

UnoCSS Preset Shadcn is a framework-agnostic preset that enables seamless integration of shadcn/ui components across React, Vue, Svelte, and SolidUI applications using UnoCSS instead of Tailwind CSS. This innovative preset provides developers with easily customizable themes, dynamic theme switching capabilities, and Tailwind-like utilities while leveraging UnoCSS's superior performance and flexibility. Built with TypeScript and offering utility functions for class merging, this preset simplifies component styling and theming across different web frameworks without sacrificing the developer experience that makes shadcn/ui popular. Perfect for teams working across multiple frameworks who want consistent design systems, developers seeking UnoCSS performance benefits while using shadcn components, projects requiring advanced theming capabilities beyond Tailwind's default offerings, or any application where build-time CSS generation and atomic CSS advantages matter. Based on earlier work by fisand and maintained by the UnoCSS community, this preset demonstrates how modern CSS frameworks can bridge component libraries across ecosystem boundaries while providing developers with powerful theming tools and maintaining the copy-paste simplicity that defines the shadcn philosophy.