Inspirations & Examples Tools

A comprehensive tutorial demonstrating how to build a full-stack Calendly clone using Next.js, React, Prisma, Neon, Clerk, and Shadcn UI.

A web-only guide demonstrating Shadcn UI and Tailwind CSS integration with Expo Router v3 for streamlined UI development.

Designfly is a full-stack Dribbble clone, demonstrating NextJS, Appwrite, Tailwind CSS, FormikJS, and Shadcn UI integration for developers.

Develop a full-stack Threads clone using Next.js 14+, featuring robust authentication, community management, real-time updates, and a Figma-based design.

A responsive analytics dashboard UI template built with Nuxt 3 and Tailwind CSS, featuring charts, data widgets, and light/dark modes.

Personal website of Mehdi BHA, showcasing projects and skills. Built with Next.js, TypeScript, dotUI, Fumadocs, MDX, and Tailwind CSS.

Explore Birobirobiro's dynamic portfolio: a showcase of front-end development projects, content creation, and personal setup.

A curated directory showcasing top-tier web design inspiration, featuring exceptional examples from various industries and styles to spark your creativity.

A curated collection of remarkable portfolios from talented individuals, offering inspiration for your next project or design.

An interactive AI chatbot portfolio example built with shadcn/ui, offering a unique way for developers to present their experience.

An inspiring developer portfolio by Shubh Porwal, built with Next.js, React, Tailwind CSS, and GSAP for a dynamic and visually engaging presentation.

swajp is Miroslav Stejskal's portfolio, presenting modern web applications and developer resources, built with Next.js, React, and Tailwind CSS.

A React-based Windows 11 clone using Next.js, Tailwind CSS, ShadCN, and Framer-Motion, featuring smooth animations, draggable windows, and modern design.

A curated collection of Storybook stories for Shadcn/ui components, enabling developers to rapidly document and visualize atomic UI elements.

JheanAntunes' Storybook setup registers all shadcn/ui components, offering developers an interactive visual catalog for easy exploration and reference.

An example showcasing sortable, variable-width pills via dnd-kit and Shadcn/UI, featuring a clear line drop indicator for intuitive reordering.

A collection of X/Twitter inspired designs, recreated as responsive, reusable code examples with light/dark modes and open source availability.

A web application showcasing quotes from professional programmers, built with Next.js, Tailwind CSS, and Shadcn/UI, inspired by programming-quotes-api.

A Next.js project demonstrating a scheduling application using FullCalendar for event management and shadcn/ui for modern UI components.

A tutorial project demonstrating creating a full-stack URL shortener using React JS, Tailwind CSS, Supabase, and Shadcn UI.

An open-source Awwwards website clone built with Next.js 14, Tailwind CSS, Framer Motion, Shadcn, and Aceternity for learning and inspiration.

Complete source code for the 'Next JS forms with Shadcn UI (the EASY way)' video tutorial, guiding developers in implementation.

A beginner-friendly project demonstrating shadcn/ui with Next.js, complementing Dave Gray's YouTube tutorial for modern UI development.

A tutorial creating 'Hirrd', a full-stack job portal, using React, Tailwind CSS, Supabase, Clerk, and Shadcn UI for developers.

An extensive, curated collection of libraries, tools, templates, and resources for developers using shadcn/ui to build modern applications.