Open source and free shadcn/ui templates by Sadmann7 (4 templates)

Shadcn Table (Tablecn) is a production-ready, feature-rich data table component built with Next.js, shadcn/ui, TanStack Table, and Drizzle ORM, offering comprehensive server-side functionality for enterprise applications. This advanced table implementation provides server-side pagination, sorting, and filtering with seamless PostgreSQL integration through Drizzle ORM, ensuring optimal performance even with large datasets. The component includes customizable column configurations, dynamic toolbars with bulk actions, advanced filtering capabilities inspired by Notion and Linear's powerful filter systems, responsive design that adapts to mobile and desktop viewports, and export functionality for data analysis. Built on TanStack Table (formerly React Table), it supports features like column visibility toggling, column resizing, multi-column sorting, faceted filters for categorical data, and debounced search inputs for smooth user experience. Perfect for admin dashboards, SaaS applications, and data-heavy interfaces, Tablecn demonstrates best practices for building performant, accessible data tables with modern React patterns, type-safe database queries, and beautiful UI components from shadcn/ui, making it an ideal reference implementation or starting point for projects requiring sophisticated data management interfaces.

File Uploader is a modern, user-friendly file upload component built with Next.js, shadcn/ui, Tailwind CSS, react-dropzone, uploadthing, and Zod for validation. The application provides a reusable file upload hook, drag-and-drop functionality with real-time progress bars, react-hook-form integration for seamless form workflows, and a file dialog for adding and removing files. Bootstrapped with create-t3-app, it offers a clean, modern interface that makes file uploading intuitive and visually appealing while handling validation, error states, and upload progress. The component supports multiple file uploads, file type restrictions, size limits, and custom validation rules through Zod schemas. With uploadthing integration, files are securely stored and managed with automatic URL generation and metadata tracking. Perfect for applications requiring document uploads, image galleries, profile pictures, or any file management functionality, File Uploader demonstrates best practices for building accessible, production-ready upload experiences. The project includes comprehensive documentation for local setup and deployment to platforms like Vercel, Netlify, and Docker.

Sortable is a headless drag-and-drop component built with shadcn/ui, Radix UI, and dnd-kit, providing flexible and accessible sortable UI primitives for React applications. The MIT-licensed component offers smooth, customizable drag-and-drop functionality with integration support for react-hook-form and TanStack Table, enabling developers to build sortable lists, tables, and grids without wrestling with complex drag-and-drop logic. Built with Next.js, TypeScript, Tailwind CSS, and Zod validation, Sortable provides a headless approach where developers control the visual presentation while the component handles interaction states, accessibility, and keyboard navigation. The component supports various deployment options including Vercel, Netlify, and Docker, making it versatile for different hosting environments. Perfect for admin interfaces with reorderable lists, kanban boards, data tables with row reordering, file managers, or any application requiring intuitive drag-and-drop sorting with proper accessibility support and smooth animations powered by dnd-kit's optimized drag-and-drop engine.

CSV Importer is a comprehensive data import application built with Next.js, Tailwind CSS, shadcn/ui, react-dropzone, uploadthing, and Papaparse, designed to simplify the entire workflow of uploading, parsing, and importing CSV files into applications. This streamlined tool provides five key capabilities: intuitive CSV file upload with drag-and-drop functionality, robust CSV parsing handling various formats and encodings, data preview allowing users to verify content before import, flexible CSV field mapping to table fields for schema alignment, and reliable data import into tables with validation and error handling. Bootstrapped with create-t3-app and following modern web development best practices, the application addresses the common challenge of data migration and bulk import features that nearly every business application eventually requires. Perfect for SaaS applications offering data import functionality, admin panels managing bulk data operations, migration tools helping users switch from competitor products, or any application where CSV import is a critical user workflow that directly impacts adoption and user satisfaction. The combination of react-dropzone for file handling, Papaparse for parsing, and uploadthing for storage provides a production-ready solution that handles edge cases and provides users with confidence during data import operations.