Open source and free shadcn templates using Tailwind
188 templates • 159 contributors • Open source & free
188
Templates
159
Authors
Available Templates (188)

Next Shadcn Dashboard Starter
Next Shadcn Dashboard Starter is a comprehensive, production-ready admin dashboard template built with Next.js 15, TypeScript, shadcn/ui, and Tailwind CSS, designed to accelerate the development of modern web applications. This feature-rich starter comes pre-configured with Clerk authentication for secure user management, Sentry integration for error tracking and performance monitoring, Zustand for lightweight state management, and a complete set of essential dashboard components. The template includes pre-built pages for user management, analytics, settings, and data visualization, along with ready-to-use components like advanced data tables with sorting and filtering, comprehensive form components with validation, a Kanban board for task management, and customizable charts and graphs. Built with developer experience as a priority, the starter follows Next.js best practices with App Router architecture, server components for optimal performance, and TypeScript strict mode for type safety throughout the codebase. Perfect for building SaaS admin panels, internal business tools, analytics dashboards, or content management systems, this template eliminates weeks of initial setup by providing a solid foundation with authentication flows, error handling, responsive layouts, and a clean, professional design that works across devices. The modern tech stack and thoughtful architecture make it easy to customize and extend for specific project requirements while maintaining code quality and scalability.

Neobrutalism Components
Neobrutalism Components is an open-source React UI library featuring a unique collection of Tailwind CSS components styled in the distinctive neobrutalism design aesthetic, characterized by bold colors, thick borders, hard shadows, and raw, unapologetic visual elements. Inspired by shadcn/ui's component architecture, this library provides pre-built components including buttons, cards, forms, inputs, navigation elements, and layout components, all designed to help developers quickly implement the bold, minimalist neobrutalism style that has gained popularity in modern web design. The project serves as both a learning resource for those interested in neobrutalism design principles and a practical component library for creating brutalist-style layouts with minimal effort. Each component showcases the characteristic features of neobrutalism including high contrast color schemes, prominent borders and outlines, deliberate lack of rounded corners, strong geometric shapes, and intentionally raw aesthetics that reject modern design polish. While the project is no longer actively maintained, it remains a valuable design resource with comprehensive documentation at neobrutalism.dev, providing developers with ready-to-use components and code examples for creating websites and applications that embrace the neobrutalist movement's philosophy of digital authenticity, functional simplicity, and visual boldness that stands out from conventional sleek designs.

Sink
Sink is an open-source, serverless link shortener built entirely on Cloudflare's edge infrastructure, offering a simple, speedy, and secure alternative to traditional URL shortening services like Bitly or TinyURL. Built with Nuxt, Tailwind CSS, and shadcn-vue components, Sink provides powerful URL management capabilities including custom slug generation, AI-powered slug suggestions, link expiration settings, and comprehensive click analytics to track link performance. Running 100% on Cloudflare Workers, Pages, and D1 database, the application delivers exceptional performance with global edge distribution, zero cold starts, and minimal latency regardless of user location. The platform includes features like QR code generation for shortened links, link categorization and organization, detailed analytics dashboards showing click counts, geographic data, and referrer information, and API access for programmatic link management. Perfect for developers, marketers, and businesses needing a self-hosted link shortening solution without vendor lock-in, Sink can be deployed to Cloudflare in minutes with a generous free tier that handles thousands of requests. The serverless architecture ensures automatic scaling, cost efficiency, and reliability while maintaining complete data ownership and privacy, making it an ideal choice for teams wanting enterprise-grade link management without monthly subscription fees or usage limits imposed by commercial alternatives.

Midday AI V1
V1 (Create v1) is an open-source, production-ready SaaS starter kit created by the Midday team, providing a comprehensive monorepo framework built with cutting-edge technologies to accelerate startup and SaaS product development. This enterprise-grade starter leverages Next.js for the application framework, Turborepo for efficient monorepo management, Supabase for backend infrastructure including authentication and database, Tailwind CSS with shadcn/ui for beautiful user interfaces, and a carefully curated stack of integrated tools. The starter includes pre-configured solutions for user authentication with multiple providers, email templates with React Email, internationalization (i18n) support for global markets, analytics and monitoring setup, database migrations and management, API routes and server actions, and comprehensive testing infrastructure. Built with best practices that scale with your business, V1 emphasizes code reusability across the monorepo, type safety with TypeScript throughout, and developer experience with hot reload, linting, and formatting. Perfect for founders and development teams looking to launch SaaS products quickly without sacrificing code quality or scalability, the starter eliminates weeks of initial configuration by providing a battle-tested architecture used in production by Midday. The monorepo structure enables sharing code between web apps, mobile apps, and packages, while the integrated tooling ensures consistent development patterns and maintainability as your product grows.

Next SaaS Stripe Starter
Next SaaS Stripe Starter is a production-ready boilerplate that combines Next.js 14 with Stripe payments, Auth.js v5 authentication, and a comprehensive admin panel to launch subscription-based SaaS applications quickly. Built with TypeScript, Prisma ORM, Neon PostgreSQL, and shadcn/ui components, it provides essential features like user authentication with multiple providers, role-based access control, subscription management, payment processing with webhooks, customer billing portals, and transactional emails via Resend. The starter follows Next.js best practices with server components, server actions, and optimized data fetching, while the admin dashboard enables platform administrators to manage users, monitor subscriptions, and control access levels. Perfect for building productivity tools, analytics platforms, or B2B applications, this starter eliminates weeks of setup by providing authentication infrastructure, payment processing, database schemas, and deployment-ready code that can be customized for specific business requirements.

Note Gen
Note Gen is an AI-powered Markdown note-taking application that combines traditional writing with advanced features like automatic note generation, semantic search, and retrieval-augmented generation (RAG) to enhance knowledge management. Built with Next.js 14, TypeScript, and shadcn/ui, it enables users to write in Markdown, organize with tags and folders, and leverage OpenAI's GPT models for intelligent content creation. The application uses vector embeddings for semantic search that finds notes by meaning rather than keywords, RAG technology that references existing notes when generating new content, and auto-completion for writing assistance. With a clean interface featuring real-time Markdown preview, syntax highlighting, and keyboard shortcuts, Note Gen transforms note-taking into an active knowledge management system. Perfect for students, writers, developers, and professionals, it helps brainstorm ideas, discover connections between notes, and synthesize information across your knowledge base.

Badget
Badget is an AI-powered personal finance management platform that helps users track expenses, create budgets, and achieve financial goals through automated categorization and smart insights. Built with Next.js 14, TypeScript, Prisma ORM, and shadcn/ui components, it provides automatic transaction import from bank accounts, AI-powered expense categorization that learns from behavior, customizable budget creation, and visual analytics with charts showing spending trends. The platform uses secure APIs to import transactions while maintaining bank-level encryption, and its AI analyzes spending habits to identify rarely-used subscriptions, suggest budget adjustments, predict future expenses, and highlight savings opportunities. Features include an intuitive dashboard with account balances, budget progress, and financial health scores, plus detailed reporting by category, merchant, and time period. Perfect for individuals and families seeking better money habits, Badget transforms transaction data into actionable intelligence for informed financial decisions.

Saasfly
Saasfly is an enterprise-grade SaaS boilerplate that provides everything needed to launch production-ready applications with one-click deployment, multi-tenancy, and internationalization. Built with Next.js 14, TypeScript, Prisma ORM (supporting PostgreSQL/MySQL/SQLite), NextAuth.js, and shadcn/ui components, it includes Stripe and LemonSqueezy for payments, Resend for emails, and comprehensive authentication with social providers. Key features include multi-tenancy architecture for managing workspaces/organizations, i18n support for multiple languages and currencies, role-based access control (RBAC), API rate limiting, admin dashboard, MDX blog system, and webhook handlers. The boilerplate provides pre-built pages for marketing, pricing, authentication, billing, team collaboration, and admin panels, plus developer tools like ESLint, Prettier, automated testing, Docker support, and deployment guides for Vercel, Railway, and self-hosted solutions. Perfect for B2B SaaS platforms and multi-tenant applications, Saasfly accelerates development by handling authentication, payments, and infrastructure.

Tremor
Tremor is a React component library featuring 35+ customizable, accessible components designed for building data-rich dashboards and analytics interfaces. Built with React, TypeScript, Tailwind CSS, and Radix UI, it provides pre-built chart components (line, bar, area, donut charts, sparklines), KPI cards, data tables, and layout components that follow accessibility best practices. Like shadcn/ui, Tremor uses a copy-paste approach, letting developers integrate component source code directly into projects for complete customization control. The library handles common dashboard requirements including loading states, error boundaries, empty states, and responsive breakpoints, with each component fully typed and integrating seamlessly with Tailwind CSS utilities. Actively maintained by Tremor Labs with comprehensive documentation at tremor.so and community support via Slack and Twitter, it's perfect for building internal tools, SaaS analytics dashboards, and business intelligence applications by providing battle-tested components for data visualization.

Cult UI
Cult UI is an open-source React component library crafted for design engineers, offering accessible and customizable components with sophisticated animations that integrate seamlessly with shadcn/ui through a copy-paste workflow. Built with React, TypeScript, Next.js, Tailwind CSS, and Framer Motion, it provides components with built-in animations and micro-interactions that create polished interfaces without requiring animation expertise. The library includes enhanced UI elements like buttons and cards, plus complex patterns like animated navbars, feature sections, testimonial carousels, and landing page blocks for marketing sites and SaaS applications. With full component code ownership, developers can customize animations, adjust styling, and extend functionality while learning from well-crafted examples. The project offers full-stack Next.js templates at newcult.co and comprehensive documentation at cult-ui.com with live previews and code examples. Perfect for marketing websites, SaaS landing pages, and portfolio sites, Cult UI bridges basic components and custom design work with beautiful, animated elements.

Form Builder
Form Builder is a dynamic web application that enables developers and non-technical users to create sophisticated, validated forms through a drag-and-drop interface, eliminating repetitive form coding while maintaining full customization. Built with React, Next.js, TypeScript, Tailwind CSS, and shadcn/ui, it provides a visual interface for constructing forms by dragging input types like text fields, dropdowns, checkboxes, and date pickers onto a canvas and configuring properties through an intuitive panel. The application uses Zod for schema-based validation, ensuring type-safe client and server-side validation that catches errors during development. It handles common requirements like required fields, email validation, number ranges, regex patterns, and error messages through visual configuration. Supporting multiple input types with customizable labels, placeholders, defaults, validation rules, and conditional visibility, Form Builder generates forms that work seamlessly in React applications with optimized performance and accessibility. Perfect for admin panels, surveys, and registration flows, it accelerates development with clean, maintainable code and robust validation.

Franken UI
Franken UI is an HTML-first, open-source component library built on UIkit 3 and extended with LitElement, featuring a design aesthetic inspired by shadcn/ui. Written primarily in TypeScript with Tailwind CSS styling, it provides a feature-complete collection of UI components optimized for Svelte and built with Vite. The library emphasizes an HTML-first approach, allowing developers to use components with minimal JavaScript while maintaining modern functionality through web components. Franken UI is currently in Version 2 and actively maintained with a focus on stability and gradual improvements. The MIT-licensed project offers a unique blend of UIkit's robust component foundation with modern web component architecture and shadcn/ui's clean design principles. Perfect for developers seeking HTML-centric components with the flexibility of web components, Franken UI provides a stable, well-maintained alternative for building modern web applications with Svelte, Tailwind CSS, and TypeScript.