React Templates - React

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.

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.

8bitcn UI is a collection of retro-designed, accessible UI components offering a nostalgic 8-bit aesthetic for modern web applications, built with Next.js, TypeScript, and the shadcn/ui framework. This unique component library provides developers with copy-and-paste ready components that combine the charm of vintage computing interfaces with contemporary accessibility standards and responsive design principles. Each component maintains proper semantic HTML, keyboard navigation support, and screen reader compatibility while delivering the visual appeal of classic 8-bit gaming and early computing aesthetics. Available as an open-source project and supported by the Vercel Open Source Program, 8bitcn UI enables developers to create distinctive user interfaces that stand out in a sea of modern, minimalist designs. Perfect for gaming-related applications, retro-themed websites, creative portfolios seeking visual differentiation, nostalgic brand experiences, or any project where a unique visual identity matters more than following conventional design trends. The library's emphasis on accessibility ensures that the retro aesthetic doesn't compromise usability, making it suitable for production applications while offering a refreshing alternative to standard component libraries.

Next Auth Roles Template is a comprehensive Next.js 14 starter with built-in authentication, user role management, and admin panel functionality powered by Auth.js v5, Prisma, and shadcn/ui. This opinionated template provides everything needed to build modern web applications with sophisticated access control: multiple authentication providers (Google, Twitter, GitHub), serverless PostgreSQL with Neon, React Email integration, Vercel Analytics, and a modular architecture that allows developers to remove unnecessary features via CLI commands. The template includes TypeScript for type safety, Tailwind CSS for styling, and high-quality code organization that reduces initial setup time from days to minutes. Perfect for SaaS applications requiring user management, multi-tenant platforms with role-based permissions, admin dashboards with secure access control, or any web application where authentication and authorization complexity would otherwise slow development velocity. The template's unique one-command content removal feature lets teams customize the starting point by eliminating blog or documentation sections they don't need, ensuring a clean codebase tailored to specific project requirements while maintaining all the authentication and authorization infrastructure essential for production applications.

OpenBio is an open-source link-in-bio page builder that enables users to create beautiful, customizable personal landing pages for consolidating their online presence across multiple platforms. Built with Next.js, TypeScript, React, Tailwind CSS, Drizzle ORM, and leveraging serverless architecture with edge computing, this modern platform provides an alternative to proprietary services like Linktree with complete data ownership and customization freedom. The application uses Clerk for authentication, Upstash for data storage, tRPC for type-safe APIs, and supports server components for optimal performance. Perfect for content creators managing multiple social platforms, influencers needing a centralized hub for audience engagement, professionals showcasing work across various channels, or anyone seeking to replace subscription-based link-in-bio services with a self-hosted solution. As a community-driven project, OpenBio welcomes contributions and provides developers with the flexibility to customize every aspect of their link pages while maintaining a simple, accessible setup process that requires Node.js 18+ and pnpm 8+, making it easy to deploy and host on your own infrastructure or preferred hosting platform.

Calendar is a feature-rich React calendar application built with shadcn/ui, Tailwind CSS, TypeScript, and Radix UI, designed specifically for integration into dashboards and applications requiring sophisticated scheduling capabilities. This fully customizable calendar supports multiple view modes (Day, Week, Month), advanced event management with create and edit dialogs, date/time picker functionality, event color categorization, and real-time event previews. The detailed day view provides hour-by-hour breakdowns for precise schedule management, while form validation ensures data integrity across all event operations. With dark mode support, responsive design, and accessible components built on Radix UI primitives, the calendar meets modern web application standards for both functionality and user experience. Inspired by Synergy CRM's calendar interface, this component is perfect for CRM applications, project management tools, team scheduling platforms, or any dashboard requiring comprehensive calendar functionality with professional polish. Released under the MIT license, the calendar provides developers with a production-ready scheduling component that eliminates weeks of development time while maintaining the flexibility to customize appearance and behavior to match specific application requirements and design systems.

Shadcn Date Picker is an advanced date picker component built with React, TypeScript, and Tailwind CSS, offering a more sophisticated alternative to the default shadcn/ui date picker with enhanced navigation and selection capabilities. Built on the react-day-picker library, this custom component provides range date selection, year and month view navigation through intuitive month label clicking, and a highly customizable interface that improves the user experience of date selection in forms and applications. The component addresses common frustrations with basic date pickers by enabling users to quickly navigate across years and months without tedious clicking through individual months, making it particularly valuable for applications handling date ranges, historical data entry, or any scenario requiring efficient date selection across large time spans. Perfect for booking systems, analytics dashboards requiring date range filters, event management platforms, calendar applications, or any interface where date selection is a frequent user action and improved UX translates directly to productivity gains. Fully compatible with the shadcn/ui design system and responsive across devices, this date picker demonstrates how thoughtful enhancements to fundamental UI components can significantly improve user workflows and application usability.

Digital Garden is an open-source blog and digital garden template designed specifically for developers who create content and want to share their thoughts and ideas with the world. Built with Next.js App Router, Contentlayer, Tailwind CSS, shadcn/ui, and Lucide Icons, this modern platform provides everything needed to launch a professional developer blog with minimal setup. Features include Markdown/MDX content support for technical writing, dark/light mode for reader preference, code syntax highlighting optimized for sharing programming tutorials, multiple analytics integrations (Vercel, Umami, Plausible, Google Analytics), newsletter subscription capabilities, customizable hero sections, social links component, and fully responsive design across all devices. The template emphasizes developer-friendly customization with a clear component structure and ongoing development guided by a public roadmap. Perfect for developers building personal brands through technical writing, software engineers documenting their learning journey, educators creating programming tutorials, or anyone in tech seeking a polished platform for sharing knowledge without the overhead of complex CMS systems. With one-click Vercel deployment and extensive documentation, Digital Garden eliminates the typical friction of setting up a developer blog, allowing creators to focus on writing content rather than managing infrastructure.

Shadcn UI Blocks is a curated collection of customized shadcn/ui component blocks built with Next.js, TypeScript, and Tailwind CSS, designed to help developers quickly preview and copy ready-made code snippets for accelerated UI development. This comprehensive library provides instant component previews showing how each element looks and functions, effortless code snippet copying for rapid integration, a variety of components including buttons, forms, modals, and navigation elements, and a clean, developer-friendly interface with intuitive layout for easy browsing and selection. The platform addresses the common challenge of UI development speed by offering pre-built, production-ready component blocks that developers can easily integrate into their projects without building from scratch. Perfect for developers working under tight deadlines, teams standardizing UI patterns across applications, designers and developers collaborating on consistent design systems, or any project where faster UI development translates directly to reduced time-to-market. Available at shadcnui-blocks.com, this resource simplifies the UI development workflow by providing thoroughly tested, accessible, and customizable components that maintain the quality and flexibility of shadcn/ui while dramatically reducing the time spent on common interface patterns and component implementation.