Free React & shadcn/ui Templates

Shadcn Solid is an unofficial community-led port of shadcn/ui to SolidJS, providing accessible and customizable UI components that can be directly copied and pasted into SolidJS applications. The MIT-licensed project brings shadcn/ui's popular component philosophy to the SolidJS ecosystem, built with TypeScript (98.9% of codebase), Tailwind CSS, and potentially UnoCSS for styling flexibility. The library offers a comprehensive set of reusable components designed specifically for SolidJS developers who want the shadcn/ui experience with SolidJS's fine-grained reactivity and performance characteristics. Following shadcn/ui's "build your own component library" approach, Shadcn Solid allows developers to cherry-pick components and customize them freely without npm dependencies. Perfect for SolidJS developers seeking accessible components, teams building design systems with SolidJS, projects requiring performance-critical UIs, or any application benefiting from SolidJS's reactive programming model combined with shadcn/ui's design principles and component patterns, Shadcn Solid demonstrates the community's commitment to making great developer experiences available across different frameworks.

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

Better-T-Stack is a modern CLI tool for scaffolding end-to-end type-safe TypeScript projects with the philosophy "roll your own stack: you pick only the parts you need, nothing extra." The MIT-licensed tool provides minimal templates with zero bloat, always using current stable dependency versions, offering complete freedom from vendor lock-in. The CLI supports extensive customization including frontend options (React with TanStack Router, Next.js, Nuxt, Svelte, SolidJS, React Native), backend options (Hono, Express, Fastify, Next API Routes, Convex), multiple runtimes (Bun, Node.js, Cloudflare Workers), database integrations (SQLite, PostgreSQL, MongoDB), ORMs (Drizzle, Prisma, Mongoose), optional authentication, and deployment configurations. Built for end-to-end type safety with clean monorepo layouts, Better-T-Stack eliminates the frustration of bloated boilerplates by letting developers create precisely tailored TypeScript projects. Perfect for full-stack TypeScript applications, monorepo projects, teams requiring type safety across frontend and backend, or any project benefiting from customized scaffolding rather than opinionated starters with unnecessary dependencies.

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.

Astro Nomy is an open-source experimental project demonstrating modern web development with Astro v4.5, shadcn/ui, and React, showcasing how to build feature-rich applications with view transitions, routing, layouts, and 100/100 Lighthouse performance. The MIT-licensed project includes React components and hooks, MDX and Content Collections support, Tailwind CSS styling, Zod validations, TypeScript, RSS feed and sitemap generation, and API endpoints. Built as an experiment to test how modern app features like authentication, subscriptions, API routes, markdown, and content collections work in Astro v4 with shadcn/ui, the project plans to include blog pages with Astro DB, changelog pages, waitlist and newsletter functionality, anime pages, e-commerce pages, and authentication/dashboard pages. The project achieves perfect Lighthouse scores while demonstrating Astro's content-focused architecture combined with React's interactivity through shadcn/ui components. Perfect for learning Astro with shadcn/ui, building content-heavy sites with interactive components, marketing websites requiring performance, or any project exploring Astro's capabilities with modern UI libraries and best practices.

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.

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.

UI Thing is a modern set of Nuxt components built with Reka UI and TailwindCSS, inspired by shadcn/ui and shadcn-vue, providing a streamlined CLI-driven workflow for rapid UI development. The MIT-licensed library offers quick initialization with one-command setup, easy component addition through CLI commands, theming support, and keyboard shortcut composables for enhanced developer experience. Built with Nuxt, Vue (70.6% of codebase), TypeScript (26.8%), TailwindCSS, and Reka UI, the library focuses on modular component construction with commands like 'npx ui-thing@latest init' for setup and 'npx ui-thing@latest add' for adding components. The project emphasizes developer experience through CLI-driven workflows that make building consistent, customizable UI components effortless. Perfect for Nuxt applications requiring rapid UI development, Vue projects needing accessible components, teams building design systems with Vue, or any project benefiting from shadcn/ui's philosophy adapted for the Vue and Nuxt ecosystem with modern tooling and developer-friendly workflows.

Poketto Stack is a comprehensive boilerplate built with shadcn/ui for rapidly developing modern web applications with pre-configured tools, consistent design patterns, and best practices integrated from the start. The MIT-licensed template provides customizable UI components through shadcn/ui, Tailwind CSS for styling, Radix UI for accessibility, and Framer Motion for animations, all configured and ready to use. Built with React, TypeScript, Vite for fast development, and Storybook for component documentation, the boilerplate includes Jotai for atomic state management, React Query for server state, React Hook Form for forms, Zod for schema validation, i18next for internationalization, MSW for API mocking, and Vitest for testing. The template offers a modular, scalable architecture with enhanced developer experience through rapid setup and consistent patterns. Perfect for teams starting new React projects, developers building dashboard applications, projects requiring comprehensive tooling, or any application needing a robust starting point with state management, form handling, testing, and internationalization configured and integrated seamlessly.

Bazza UI is a hand-crafted React component library providing powerful, modern components with an emphasis on design quality, flexibility, and developer experience. The MIT-licensed library offers high-quality, custom React components built with TypeScript (86% of codebase), MDX (10.1%) for documentation, and CSS (3.6%) for styling, all designed to work seamlessly with Next.js applications. The project emphasizes open-source philosophy with "open source, open code, free to use" as its core principle, providing developers with robust, customizable UI components without restrictions. The library prioritizes design quality through hand-crafted components rather than automated generation, ensuring each component meets high standards for functionality and aesthetics. Perfect for React developers seeking quality components, Next.js projects requiring custom UI elements, teams building polished interfaces, or any application benefiting from carefully designed, flexible components with comprehensive documentation at ui.bazza.dev and the freedom to modify and extend as needed.

Shadcn Tiptap is a collection of custom extensions and toolbars for Tiptap editor designed to work seamlessly with shadcn/ui components, installable via shadcn/cli for easy integration. The MIT-licensed project provides enhanced rich text editing capabilities with custom toolbars, specialized extensions, and beautiful UI components that maintain shadcn/ui's design language. Built with Next.js, Tailwind CSS, shadcn/ui components, and Tiptap's powerful editing framework, the library focuses on developer experience through easy installation and customization. The project offers modern rich text editing solutions with flexible toolbar configurations, custom extensions for advanced functionality, and smooth integration with existing shadcn/ui projects. Perfect for content management systems requiring rich editing, blogging platforms, documentation sites with editable content, or any application needing sophisticated WYSIWYG editing capabilities with shadcn/ui's polished design and Tiptap's extensible architecture, providing developers with production-ready editing tools without building from scratch.