Open source and free shadcn templates using Next.js

Bazza UI is a hand-crafted React component library providing powerful, modern components with an emphasis on design quality, flexibility, and developer experience. The MIT-licensed library offers high-quality, custom React components built with TypeScript (86% of codebase), MDX (10.1%) for documentation, and CSS (3.6%) for styling, all designed to work seamlessly with Next.js applications. The project emphasizes open-source philosophy with "open source, open code, free to use" as its core principle, providing developers with robust, customizable UI components without restrictions. The library prioritizes design quality through hand-crafted components rather than automated generation, ensuring each component meets high standards for functionality and aesthetics. Perfect for React developers seeking quality components, Next.js projects requiring custom UI elements, teams building polished interfaces, or any application benefiting from carefully designed, flexible components with comprehensive documentation at ui.bazza.dev and the freedom to modify and extend as needed.

Shadcn Tiptap is a collection of custom extensions and toolbars for Tiptap editor designed to work seamlessly with shadcn/ui components, installable via shadcn/cli for easy integration. The MIT-licensed project provides enhanced rich text editing capabilities with custom toolbars, specialized extensions, and beautiful UI components that maintain shadcn/ui's design language. Built with Next.js, Tailwind CSS, shadcn/ui components, and Tiptap's powerful editing framework, the library focuses on developer experience through easy installation and customization. The project offers modern rich text editing solutions with flexible toolbar configurations, custom extensions for advanced functionality, and smooth integration with existing shadcn/ui projects. Perfect for content management systems requiring rich editing, blogging platforms, documentation sites with editable content, or any application needing sophisticated WYSIWYG editing capabilities with shadcn/ui's polished design and Tiptap's extensible architecture, providing developers with production-ready editing tools without building from scratch.

NextCRM is an open-source Customer Relationship Management application built with Next.js 15, TypeScript, shadcn/ui, Prisma ORM, and MongoDB, featuring AI-powered automation and comprehensive business management tools. The MIT-licensed platform provides user authentication with multiple providers through Auth.js, invoice management with AI-powered data parsing using OpenAI API, reporting and charting capabilities, email integration with templating, and AI-assisted project management. Built with cutting-edge technologies including Tailwind CSS for styling, Uploadthings for S3-compatible file storage, and internationalization support in progress, NextCRM implements both server-side and client-side data fetching for optimal performance. The application supports deployment via Vercel hosting or Docker containerization with active development focused on enhanced AI features, email campaign management, improved type safety, and localization improvements. Perfect for small businesses needing CRM functionality, teams requiring invoice management, sales organizations tracking customer relationships, or any project benefiting from AI-powered business automation with modern web technologies and open-source flexibility allowing customization and self-hosting.

FormBuilder is a UI-based code generation tool for easily creating beautiful and type-safe forms using @shadcn/ui components across Next.js, Vue, and Svelte frameworks. The MIT-licensed tool provides a visual form builder interface that generates clean, type-safe code with support for multiple field types including headings, text (input, textarea, password), numbers (input, slider), boolean (checkbox, switch), enum (select, radio, combobox), and date pickers. Built with TypeScript (99% of codebase) and using Bun as package manager, FormBuilder takes a framework-agnostic approach allowing developers to design forms visually and export production-ready code for their preferred framework. The tool integrates seamlessly with @shadcn/ui components, ensuring generated forms maintain consistent design language and accessibility standards. Perfect for rapid form prototyping, teams building forms across multiple frameworks, developers wanting type-safe form code without manual typing, or any project requiring beautiful forms with validation and accessibility built in from the start, FormBuilder simplifies form creation while maintaining code quality and type safety.

Plotwist is an open-source Next.js boilerplate for building movie, series, and anime review directory sites with easy media management and community-driven features. The MIT-licensed platform provides comprehensive media tracking capabilities supporting multiple content types including movies, series, and anime, with integrated review functionality and user engagement features. Built with Next.js for optimal performance, TailwindCSS for modern styling, shadcn/ui for beautiful components, and Stripe for payment processing, Plotwist offers a community-driven development approach with contributors welcome through GitHub and a Discord community for collaboration. The application focuses on user-friendly media management with tracking features, review systems, and social interaction capabilities. Perfect for building media review platforms, entertainment tracking sites, community-driven content databases, or any application focused on movies, TV shows, and anime with features similar to platforms like Letterboxd, MyAnimeList, or IMDb but with full control over the codebase, customization capabilities, and the ability to add unique features tailored to specific communities or niches.

Shadcn Image Cropper is a minimal image cropping UI component built with shadcn/ui and react-image-crop library, providing an elegant, user-friendly interface for image manipulation. The MIT-licensed component combines shadcn/ui's modern component design with react-image-crop's specialized cropping functionality, delivering a streamlined experience for selecting and cropping image regions. Built with TypeScript (91.9% of codebase), Next.js, Tailwind CSS, and deployed on Vercel, the cropper offers clean interfaces for aspect ratio selection, zoom controls, and crop area adjustment. The implementation leverages shadcn/ui's accessible components while integrating react-image-crop's powerful cropping engine for smooth, responsive image manipulation. Perfect for profile picture uploads, image editing features, content management systems with image cropping, e-commerce product image tools, or any application requiring user-friendly image cropping without building custom cropping logic, the component demonstrates how to combine specialized libraries with modern UI frameworks for polished user experiences.

Animate UI is a fully animated, open-source component library built with React, TypeScript, Tailwind CSS, and Framer Motion, providing customizable components with smooth animations and motion as core design principles. The MIT-licensed library offers installable and modifiable components through shadcn CLI, making it easy to browse, add, and customize animated components for web projects. Built with TypeScript (89.9% of codebase), React, Tailwind CSS, Radix UI primitives, and Framer Motion for animations, Animate UI emphasizes motion and animation throughout its component collection. The project welcomes contributions with a published Code of Conduct and has garnered significant community support with 2.6k stars and 16 contributors. Perfect for projects requiring animated interfaces, landing pages with engaging interactions, marketing websites, applications needing polished micro-interactions, or any project benefiting from professional animations without building custom animation logic, Animate UI provides production-ready animated components installable through familiar tooling and customizable to match any design system.

Spectrum UI is a collection of reusable components combining elements from Aceternity UI, Magic UI, and ShadCN UI into a unified, copy-and-paste component library for modern web applications. The Apache-2.0 licensed project provides modular UI components built with TypeScript (99.6% of codebase), Next.js, and Tailwind CSS, offering developers flexibility through easy integration without npm dependencies. The library draws from three popular UI libraries to provide comprehensive component coverage with diverse design patterns and interaction styles. With 878 stars and an active community of contributors, Spectrum UI welcomes open-source contributions and maintains documentation at ui.spectrumhq.in. Perfect for projects requiring diverse UI patterns, developers wanting best-of-breed components from multiple libraries, teams building design systems with varied aesthetics, or any application benefiting from high-quality components without committing to a single UI framework, Spectrum UI demonstrates how to harmonize different component libraries into cohesive, production-ready interfaces.

Clean Next.js Starter is a multilingual Next.js 15 template with comprehensive built-in internationalization support, enabling developers to launch global-ready web applications quickly. The MIT-licensed starter provides support for multiple languages including English, Chinese, and Japanese out of the box, modern UI with Tailwind CSS and shadcn/ui, dark/light theme toggle, responsive design, MDX blog system, SEO optimization, and integrated analytics tools. Built with Next.js 15 App Router, TypeScript, next-intl for internationalization, Zustand for state management, and deployed on Vercel, the template includes configurable language routing, translation file management, custom Link components for internationalized navigation, automatic language detection, and separate content directories for each locale. The starter emphasizes SEO-friendly foundations with proper metadata handling and structured content organization. Perfect for businesses launching international products, content creators targeting global audiences, SaaS applications requiring multi-language support, or any project needing robust i18n capabilities without complex setup, the template provides a feature-rich foundation for globally-ready websites.

UI Builder is a React component providing a no-code, visual interface for creating UIs with compatibility for shadcn/ui and custom React components, solving the fundamental problem of UI creation tools ignoring existing component libraries. The MIT-licensed tool uses a component registry to map React components to editable UI elements, providing a Figma-style editor for composing pages and components with drag-and-drop functionality. Built with React, Zod for schema validation, Tailwind CSS, TypeScript, and Next.js, UI Builder stores layouts as JSON for easy versioning and rendering while supporting runtime variable overrides for dynamic, personalized content. The builder enables non-developers to modify UIs without engineering help while respecting existing component libraries and design systems. Perfect for building customizable dashboards, enabling client UI customization, creating page builders for CMS platforms, developing dynamic email templates, or any application requiring visual UI composition without coding, UI Builder provides variable binding for data-driven interfaces and supports custom component integration.

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.