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

Shadcn Chatbot Kit
Shadcn Chatbot Kit is a comprehensive collection of chatbot components built on shadcn/ui, enabling developers to create beautiful, customizable AI chatbot interfaces in minutes while maintaining full control. The MIT-licensed kit provides rich animated chat interfaces, advanced file attachment handling, markdown and syntax highlighting support, dark/light mode theming, responsive design across devices, and a composable API for custom implementations. Built with TypeScript (82.6%), Next.js, shadcn/ui components, Vercel AI SDK for AI integration, and Tailwind CSS for styling, the kit includes pre-built chat components, auto-scrolling message areas, adaptive message input with file upload, prompt suggestion buttons, message actions (copy, rate), and elegant loading states. The components integrate seamlessly with AI providers through Vercel AI SDK while providing beautiful UI patterns for conversational interfaces. Perfect for customer support chatbots, AI assistant interfaces, documentation help systems, conversational forms, or any application requiring chat functionality with AI integration, Shadcn Chatbot Kit accelerates chatbot development while delivering professional, polished user experiences.

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

Zola
Zola is a free, open-source AI chat application providing a unified interface for multiple AI models including OpenAI, Mistral, Claude, Gemini, and local Ollama models with "bring your own API key" (BYOK) support via OpenRouter. The Apache 2.0-licensed platform features automatic local Ollama model detection, file upload capabilities, clean responsive UI with light/dark themes, self-hosting options, and flexible architecture allowing seamless switching between cloud and local AI models. Built with TypeScript, Next.js, Tailwind CSS, shadcn/ui, Supabase for authentication and storage, Vercel AI SDK for model integrations, and Prompt-kit for prompt management, Zola provides a customizable chat experience for any AI model. The platform supports running AI models locally for privacy, using cloud models when needed, and combining multiple models in single workflows. Perfect for developers testing different AI models, privacy-conscious users wanting local AI capabilities, teams requiring flexible AI integrations, or any application needing a beautiful chat interface with multi-model support, Zola is currently in beta and sponsored by Vercel's OSS Program.

Larasonic Vue
Larasonic Vue is the ultimate Laravel starter kit for modern SaaS applications built with the VILT stack (Vue, Inertia, Laravel, Tailwind) and shadcn/ui components, providing a complete foundation for rapid development. The MIT-licensed platform delivers a "10x Dev Experience" with production Docker readiness, advanced authentication, payment integration, API-ready architecture, customizable UI through shadcn components, AI integration capabilities, and FilamentPHP admin panel for backend management. Built with Laravel for robust backend logic, Vue.js for reactive frontend experiences, Inertia.js to bridge frontend and backend seamlessly, Tailwind CSS for modern styling, and shadcn/ui for beautiful components, Larasonic provides an opinionated yet flexible architecture for building sophisticated web applications. The starter kit can be initialized quickly using Laravel's scaffolding command, providing developers with all essential SaaS features configured and ready for customization. Perfect for SaaS platforms requiring Laravel's backend power, modern frontend experiences with Vue, rapid development workflows, or any project benefiting from a comprehensive, production-ready foundation with authentication, payments, and admin tools built in.

UI Thing
UI Thing is a modern set of Nuxt components built with Reka UI and TailwindCSS, inspired by shadcn/ui and shadcn-vue, providing a streamlined CLI-driven workflow for rapid UI development. The MIT-licensed library offers quick initialization with one-command setup, easy component addition through CLI commands, theming support, and keyboard shortcut composables for enhanced developer experience. Built with Nuxt, Vue (70.6% of codebase), TypeScript (26.8%), TailwindCSS, and Reka UI, the library focuses on modular component construction with commands like 'npx ui-thing@latest init' for setup and 'npx ui-thing@latest add' for adding components. The project emphasizes developer experience through CLI-driven workflows that make building consistent, customizable UI components effortless. Perfect for Nuxt applications requiring rapid UI development, Vue projects needing accessible components, teams building design systems with Vue, or any project benefiting from shadcn/ui's philosophy adapted for the Vue and Nuxt ecosystem with modern tooling and developer-friendly workflows.

Poketto Stack
Poketto Stack is a comprehensive boilerplate built with shadcn/ui for rapidly developing modern web applications with pre-configured tools, consistent design patterns, and best practices integrated from the start. The MIT-licensed template provides customizable UI components through shadcn/ui, Tailwind CSS for styling, Radix UI for accessibility, and Framer Motion for animations, all configured and ready to use. Built with React, TypeScript, Vite for fast development, and Storybook for component documentation, the boilerplate includes Jotai for atomic state management, React Query for server state, React Hook Form for forms, Zod for schema validation, i18next for internationalization, MSW for API mocking, and Vitest for testing. The template offers a modular, scalable architecture with enhanced developer experience through rapid setup and consistent patterns. Perfect for teams starting new React projects, developers building dashboard applications, projects requiring comprehensive tooling, or any application needing a robust starting point with state management, form handling, testing, and internationalization configured and integrated seamlessly.

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

Reactjs Tiptap Editor
Reactjs Tiptap Editor is a modern WYSIWYG rich text editor for React built on Tiptap's powerful editing framework and shadcn/ui components, providing a clean, developer-friendly implementation with comprehensive formatting options. The MIT-licensed editor combines Tiptap's robust, extensible editing capabilities with shadcn/ui's modern component design, delivering a lightweight and easily customizable editing experience. Built with React, TypeScript, Tailwind CSS, SCSS for advanced styling, and Vite for fast development, the editor provides a playground environment and comprehensive documentation for easy integration. The implementation offers various text formatting options, media embedding, code highlighting, and other rich text features while maintaining a sleek interface through shadcn/ui components. Perfect for content management systems, blog platforms, documentation sites, note-taking applications, or any React project requiring sophisticated rich text editing without the complexity of building an editor from scratch, the project demonstrates how to leverage Tiptap's flexibility with modern React development practices and beautiful UI components.

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

React Tanstarter
React Tanstarter is a minimal starter template for TanStack Start featuring React 19 with React Compiler, Better Auth for authentication, Drizzle ORM with PostgreSQL, and shadcn/ui components for rapid full-stack application development. The public domain-licensed template provides an integrated authentication system through Better Auth, database management with Drizzle ORM, routing and state management with TanStack Router and Query, and beautiful UI components from shadcn/ui styled with Tailwind CSS. Built with cutting-edge technologies including React 19's latest features, TanStack's modern routing and data fetching tools, and PostgreSQL for robust data persistence, the template offers a minimalist project structure with integrated development scripts and easy deployment to platforms like Netlify. The starter includes utilities for authentication flows, theming customization, and efficient development workflows with all essential features configured. Perfect for developers building full-stack React applications with TanStack, projects requiring modern authentication and database integration, teams wanting rapid project initialization with latest React ecosystem practices, or any application benefiting from TanStack's powerful routing and data management combined with production-ready authentication and database tooling.

Shadcn Image Cropper
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.