Free Open Source shadcn/ui Templates

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

Portr is an open-source, self-hosted alternative to ngrok that enables development teams to securely expose local HTTP, TCP, and WebSocket servers to the public internet for testing webhooks and sharing development previews. Built with Go, Python, TypeScript, and Svelte, it provides an admin dashboard for team management, a request inspector for analyzing and replaying HTTP requests, and secure SSH-based remote port forwarding. Designed for small teams, Portr offers a cost-effective tunneling solution with full infrastructure control and data sovereignty. The request inspector lets developers examine incoming requests, replay them for debugging, and understand webhook payloads, making it valuable for testing payment gateways and third-party integrations. Supporting HTTP, TCP, and WebSocket connections, Portr handles diverse scenarios from web applications to database connections and real-time communication. Perfect for teams working on microservices, webhook integrations, or mobile backends, it provides commercial-grade tunneling with open-source transparency and control.

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

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.

Grida is an open-source, integrated platform for managing databases, creating forms, and designing websites with deep Supabase integration and shadcn/ui components. Built with TypeScript, Rust, PostgreSQL, WebGL, and the Skia graphics engine, it provides a comprehensive suite including database/CMS capabilities with advanced filtering, CSV export, and multiple view types (gallery, list, charts), form builder with 30+ input types, logic blocks, custom themes, and realtime sync in 12 languages, and an infinite canvas with drag-and-drop, Figma import, and WebGL rendering. The platform connects directly to Supabase projects, supporting views, storage, authentication, and table integration, while the canvas feature (technical preview) offers multiple backend supports for design components and presentations. Perfect for creators, developers, and business owners, Grida provides powerful database management, form creation, and design capabilities in a free, accessible platform that combines the flexibility of a headless CMS with visual design tools.

Flutter Shadcn UI is a comprehensive port of shadcn/ui components to Flutter, providing fully customizable, high-quality UI widgets that bring the shadcn design system to mobile and desktop applications. This MIT-licensed library offers an extensive collection of Flutter widgets including Accordion, Button, Dialog, Avatar, Card, Checkbox, Select, Tabs, and many more, all carefully designed to match shadcn/ui's aesthetic while leveraging Flutter's native capabilities. The project emphasizes quality over quantity, focusing on creating well-crafted, thoroughly tested components rather than rapidly adding widgets, ensuring each component is production-ready and maintains consistency with the shadcn design language. With over 2,300 GitHub stars and active development, Flutter Shadcn UI enables developers to build beautiful mobile and desktop applications with familiar shadcn/ui patterns, providing a seamless design experience for teams working across web and mobile platforms. Perfect for Flutter developers who want to maintain design consistency with shadcn-based web applications or simply appreciate shadcn's clean, accessible design principles in their mobile apps.