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

Downshift Shadcn Combobox
Downshift Shadcn Combobox is a sophisticated autocomplete component that combines the accessibility and state management of Downshift with the elegant styling of shadcn/ui. Built with React and TypeScript, it provides developers with a production-ready combobox solution that handles complex selection scenarios while maintaining full keyboard navigation and screen reader support. The component features customizable filtering and search, multi-select capabilities, grouped options support, virtual scrolling for large datasets, and comprehensive keyboard shortcuts. It integrates seamlessly with shadcn/ui's design system, providing consistent styling with Tailwind CSS and full theme customization. Perfect for building search interfaces, tag selectors, data filters, and any application requiring accessible autocomplete functionality with professional UI design.

NativeCN
NativeCN brings the shadcn/ui philosophy to React Native, offering a comprehensive UI component library where you own the code through copy-paste integration rather than package dependencies. Built for mobile developers who want beautiful, customizable components without the overhead of traditional component libraries. The library features 40+ production-ready components including buttons, inputs, cards, modals, and navigation elements, all styled with NativeWind (Tailwind CSS for React Native) for consistent design. Components are fully typed with TypeScript, accessible following React Native best practices, and optimized for both iOS and Android platforms. NativeCN includes dark mode support, responsive layouts, animation utilities with Reanimated, and comprehensive documentation with interactive examples. Perfect for building mobile applications that require professional UI design, maintainable code architecture, and full customization control without external package dependencies.

Hiyori Ecommerce Next.js Supabase
HiyoRi is a full-featured e-commerce platform with a custom Content Management System, delivering a modern online shopping experience with powerful backend management capabilities. Built with Next.js 14, GraphQL, Supabase, Drizzle ORM, shadcn/ui, and Tailwind CSS, it provides everything needed to launch and manage an online store. The platform features a complete product catalog with categories and variants, shopping cart and checkout flow with Stripe integration, customer account management with order history, admin CMS for inventory and order management, and real-time inventory tracking. HiyoRi includes GraphQL API for flexible data queries, image optimization and CDN integration, SEO-optimized product pages, responsive design for mobile shopping, and comprehensive analytics dashboard. Perfect for building fashion e-commerce sites, multi-vendor marketplaces, digital product stores, or any business requiring a scalable online retail platform with custom content management.

GTD
GTD Task Management App implements the Getting Things Done methodology in a modern web application built with Next.js 13, NextAuth, shadcn/ui, and React Query. Designed for productivity enthusiasts who follow David Allen's GTD system, this app provides digital workflows for capturing, organizing, and executing tasks effectively. The application features inbox capture for quick task entry, project and context-based organization, next actions lists with priority management, and review workflows for weekly planning. Built with TypeScript for type safety, it leverages React Query for efficient data synchronization, NextAuth for secure user authentication, and shadcn/ui components for a clean, distraction-free interface. The app includes task filtering and search, recurring task support, due date management, and progress tracking across projects. Perfect for individuals and teams looking to implement GTD principles digitally with a modern tech stack that ensures reliable performance and seamless user experience.

Crypto Charts
Crypto Charts is a real-time cryptocurrency data visualization application that provides traders and investors with comprehensive market analysis tools and interactive charting capabilities. Built with Next.js and modern data visualization libraries, it delivers live cryptocurrency price tracking across multiple exchanges and trading pairs. The application features interactive candlestick charts with technical indicators, real-time price updates via WebSocket connections, multi-timeframe analysis from 1-minute to monthly views, portfolio tracking with profit/loss calculations, and market comparison tools. Built with shadcn/ui components for professional interface design, it includes responsive charts optimized for desktop and mobile viewing, customizable watchlists, price alerts and notifications, and historical data analysis. The app integrates with major cryptocurrency APIs for accurate market data and supports multiple fiat currency conversions. Perfect for day traders monitoring price action, long-term investors tracking portfolio performance, or anyone researching cryptocurrency markets with professional-grade charting tools.

Downshift Shadcn Combobox
Downshift Shadcn Combobox provides a powerful autocomplete component that merges Downshift's robust state management with shadcn/ui's elegant design system for React applications. This production-ready component handles complex selection scenarios while maintaining full accessibility compliance and keyboard navigation support. The combobox features intelligent filtering and search algorithms, single and multi-select modes, grouped and nested options support, virtual scrolling for handling thousands of items efficiently, and comprehensive ARIA attributes for screen readers. Built with TypeScript for complete type safety, it integrates seamlessly with shadcn/ui styling using Tailwind CSS and supports full theme customization including dark mode. The component includes customizable rendering for options and selected items, async data loading capabilities, and extensive keyboard shortcuts. Perfect for building advanced search interfaces, tag selection systems, data filtering controls, or any application requiring accessible autocomplete functionality with professional UI design and optimal performance.

Sharuco
Sharuco is a versatile platform for developers and content creators to share code snippets, manage forms, and organize links all in one centralized location. Built with modern web technologies, it provides an intuitive interface for creating, organizing, and sharing development resources with teams or the public. The application features syntax-highlighted code snippet sharing with language detection, customizable form builder with validation and response collection, link management with categorization and tagging, public and private sharing options, and embed code generation for external sites. Built with Next.js for optimal performance, it leverages shadcn/ui components for consistent design, includes user authentication and workspace management, supports markdown formatting, and provides analytics for shared content. The platform includes search and filtering across all content types, collaborative features for team workspaces, and export capabilities for forms and snippets. Perfect for developer portfolios showcasing code examples, technical documentation with interactive forms, resource collections and bookmarking, or team collaboration on shared development assets.

Turborepo Next.js
Turborepo Nextjs is a production-ready monorepo setup combining Turborepo's build system with Next.js and Storybook for efficient multi-package development workflows. Designed for teams building design systems, shared component libraries, or multiple applications from a single codebase, it provides optimal build performance and code sharing capabilities. The monorepo features shared UI component packages with Storybook documentation, multiple Next.js applications sharing common code, TypeScript configuration inheritance across packages, and Turborepo's intelligent caching for faster builds. It includes pnpm workspace configuration for efficient dependency management, shared ESLint and Prettier configurations, centralized build and test scripts, and hot module reloading across packages. The setup demonstrates best practices for component development with isolated testing in Storybook, code reusability across applications, and streamlined deployment pipelines. Perfect for organizations building multi-tenant applications, design system teams maintaining component libraries, or development teams managing multiple related web applications with shared infrastructure and consistent tooling.