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

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

Convertfast UI
Convertfast UI is a CLI tool for creating beautiful, customizable landing pages with prebuilt code blocks based on shadcn-ui and Tailwind CSS. The MIT-licensed tool provides responsive design out of the box, dark and light mode support, customizable components and sections, with planned SEO structured data support. Built with TypeScript (94.5% of codebase), Tailwind CSS, and Next.js, Convertfast UI offers CLI commands for rapid landing page development including 'npx convertfast-ui@latest init' for initialization, page creation, and section addition workflows. The tool emphasizes ease of use through command-line workflows that generate production-ready landing page code quickly. Perfect for marketing campaigns requiring quick landing pages, SaaS product launches, portfolio sites, promotional pages, or any project needing professional landing pages without design work from scratch, Convertfast UI accelerates landing page development while maintaining code quality, responsiveness, and customization capabilities through shadcn-ui's component system and Tailwind's utility-first approach.

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

Edra
Edra is a fully controllable rich text editor specifically designed for Svelte developers, built with Tiptap and offering extensive customization through flexible UI options and comprehensive formatting tools. The MIT-licensed editor provides rich text editing with markdown shortcuts, comprehensive formatting (bold, italic, underline), color picking and highlighting, table creation and manipulation, media embedding (images, videos, audio), code blocks with syntax highlighting, slash commands, math and LaTeX support, drag-and-drop functionality, and search and replace capabilities. Built with Svelte, TypeScript, and Tiptap with optional headless or Shadcn-based UI, Edra offers extensive configuration capabilities and seamless integration as a Svelte component. The editor emphasizes developer experience with the ability to add or remove features as needed while maintaining full control over functionality and appearance. Perfect for content management systems built with Svelte, blogging platforms, documentation sites, note-taking applications, or any Svelte project requiring sophisticated rich text editing with complete control over features and customization, Edra demonstrates Tiptap's power within the Svelte ecosystem.

YouTube AI Extension
YouTube AI Extension is an interactive browser extension that transforms passive video watching into an interactive learning experience through real-time AI-powered video chat using OpenAI's API. The MIT-licensed extension seamlessly integrates into YouTube's interface, enabling users to chat with videos in real-time, receive video summaries, ask questions and get context-aware responses, with multilingual support for global audiences. Built with React, Tailwind CSS, Plasmo extension framework, TypeScript, and OpenAI API integration, the extension provides contextual understanding of video content while generating intelligent summaries and answering user questions about what they're watching. The project has a major update planned for June 2025 promising powerful new features, streamlined installation, and an official Chrome Web Store release. Perfect for students learning from educational videos, researchers analyzing content, language learners, professionals consuming training materials, or anyone wanting to engage more deeply with video content through AI-assisted comprehension and interaction, the extension demonstrates innovative AI integration in browser extensions.

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

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