React Templates - Tailwind

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

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.

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.