Open source and free shadcn/ui templates by Sujjeee (3 templates)

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.

LinkNode is an open-source link-in-bio tool built with Next.js, TypeScript, Tailwind CSS, and shadcn/ui, designed to help users generate one centralized link for all their online destinations with unlimited link capacity and customization options. This comprehensive platform enables users to add unlimited links to their profile page, customize social media and other link icons for brand consistency, provide live preview functionality to see changes in real-time, and leverage integrated URL shortening with Dub.co including support for custom domains and link cloaking for professional branding. Hosted on Vercel and emphasizing simplicity without sacrificing features, LinkNode addresses the growing need for content creators, businesses, and individuals to consolidate their online presence into a single, shareable destination. Perfect for social media influencers managing multiple platforms, businesses directing customers to various resources, event organizers sharing registration and information links, or anyone seeking to replace limited or expensive link-in-bio services with a self-hosted, fully customizable solution. The integration with Dub.co's URL shortening service adds professional link management capabilities, enabling users to track clicks, use branded short links, and maintain clean, memorable URLs while the live preview feature ensures perfect presentation before sharing with audiences.

The Threads Clone is a comprehensive, full-featured recreation of Meta's Threads social media platform built with the T3 stack, showcasing modern web development practices for building complex, production-ready social applications. Created with Next.js 14, TypeScript, tRPC for end-to-end type-safe APIs, Tailwind CSS, shadcn/ui components, Prisma ORM with Neon PostgreSQL, and Clerk authentication, this project demonstrates how to architect scalable social networking features with contemporary tools. The application includes complete user authentication and profile management via Clerk, file upload capabilities for images and media, threaded conversations with nested replies and interactions, text and image content filtering for moderation, custom notification systems for user engagement, recursive thread rendering for deep conversation trees, real-time updates reflecting new posts and interactions, Zod validation ensuring data integrity throughout the stack, and advanced Prisma ORM patterns for complex relational queries. Built with create-t3-app, the project follows T3 stack principles emphasizing type safety, developer experience, and rapid iteration. The implementation showcases tRPC's ability to provide fully typed API routes without code generation, Prisma's sophisticated ORM features for managing complex database relationships, Clerk's comprehensive auth solution including social logins and user metadata, and Next.js 14's app router for optimal performance and SEO. This clone is invaluable for developers learning to build social media platforms from scratch, studying how to implement threaded conversations and notifications, understanding T3 stack architecture and patterns, creating portfolio pieces demonstrating full-stack expertise, and exploring how to scale social features with modern tooling. The codebase serves as both a functional social platform and an educational resource for contemporary web development.