Free React & shadcn/ui Templates

Nextjs Free is a comprehensive Vietnamese-language Next.js course project by Được Dev, providing developers with hands-on learning materials and practical examples for mastering Next.js development. This educational resource demonstrates modern web development practices through a complete application built with Next.js, TypeScript, and contemporary tooling. The project covers fundamental concepts including App Router architecture, server and client components, data fetching patterns, route handlers and API routes, authentication implementation, and SEO optimization techniques. It showcases best practices for building production-ready applications with proper TypeScript typing, responsive design with Tailwind CSS, form handling and validation, and deployment strategies. The codebase serves as both a learning reference and starter template for Vietnamese developers entering the Next.js ecosystem. Perfect for students following Được Dev's courses, developers transitioning from other frameworks, or anyone seeking practical Next.js examples with Vietnamese documentation and comprehensive code comments.

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