Open source and free shadcn/ui templates by Mickasmt (5 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.

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.

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.

UI Colorgen is a web application built with Next.js 14, TypeScript, Tailwind CSS, and Radix UI, designed to simplify shadcn/ui color configuration by providing an interactive interface for listing TailwindCSS colors in multiple formats (hex, rgb, hsl), using a color picker to update CSS variables in real-time, adding custom color variables beyond defaults, selecting initial colors and preferred color formats, generating CSS root variables for theme files, and creating Tailwind color configuration for projects. This specialized tool addresses the complexity of color system setup in shadcn/ui projects where manual CSS variable management becomes error-prone and time-consuming as color schemes evolve. Perfect for design systems teams establishing brand colors across shadcn/ui components, developers implementing client-specific themes in white-label applications, agencies customizing shadcn/ui for multiple clients with different brand guidelines, or any project where efficient color configuration directly impacts development velocity and design consistency. The TypeScript-heavy codebase (94.8%) provides excellent type safety for color manipulation operations, while the multi-format color display helps developers work with colors in their preferred format whether designing in Figma (hex), working with CSS (hsl), or integrating with existing systems (rgb). By generating ready-to-use CSS variables and Tailwind configurations, UI Colorgen eliminates the manual translation between design decisions and code implementation, reducing errors and enabling rapid theme iterations that respond to design feedback or A/B testing results.

The Next Mobbin Clone is a UI-focused project that replicates Mobbin.com's design to test and showcase shadcn/ui's latest components including Carousel, CommandDialog, Dropdown Menu, HoverCard, and Checkbox in a real-world interface context. Built with Next.js 14, shadcn/ui, Tailwind CSS, and Framer Motion for animations, this #builtinpublic project demonstrates how shadcn/ui components work together to create sophisticated, production-quality interfaces while serving as a learning resource for developers exploring component composition patterns. Created by @miickasmt in 2024, the clone focuses purely on UI implementation without backend functionality, showcasing pixel-perfect icon design, performance optimization using next/font for font loading, dynamic Open Graph image generation for social sharing, and smooth animations enhancing user interactions. The project demonstrates shadcn/ui's Carousel component for image and content sliders, CommandDialog for keyboard-first navigation and search, Dropdown Menu for contextual actions and settings, HoverCard for rich preview experiences on hover, and Checkbox for selection and filtering interfaces. Unlike simple component demos that show components in isolation, this clone places them in a cohesive, real-world UI where interactions between components feel natural and purposeful. The roadmap includes fixing UI interactions for improved polish, adding authentication pages to expand component coverage, and implementing a pricing page demonstrating shadcn/ui in conversion-focused contexts. This project is invaluable for developers learning how to compose shadcn/ui components into complete interfaces, studying real-world component interaction patterns, understanding Next.js 14 performance optimization techniques, exploring Framer Motion integration with shadcn/ui, and building portfolio pieces demonstrating frontend craftsmanship. The UI-only approach keeps the codebase focused and accessible, making it easy to extract patterns and adapt them for your own projects. Released under MIT License, the Mobbin clone serves as both a reference implementation and inspiration for building polished web interfaces.