Inspirations & Examples

An open-source application showcasing modern Astro v4 features, integrated with shadcn/ui and React for diverse example pages and app functionalities.

A personal project demonstrating in-depth learning and application of Storybook with Shadcn-ui components, emphasizing quality and future-proof design.

Explore a light clone of Vercel's dashboard navigation, demonstrating Next.js Parallel Routes and server-side data fetching for dynamic user experiences.

A demonstration project showcasing infinite scroll implementation using Next.js 13 server actions and the shadcn-ui component library.

NextPix Gallery: A Next.js image gallery using Pexels API, Tailwind CSS, Shadcn UI, TypeScript, and Zod for elegant image display.

Shadverse is a curated collection where developers discover and share innovative applications built using the shadcn-ui component library.

A Next.js starter project demonstrating responsive testimonial carousels built with shadcn UI components, perfect for showcasing user feedback.

A feature-rich admin dashboard UI built with Shadcn-vue, Vue3, and Vite, emphasizing responsiveness and accessibility for modern web applications.

A Turborepo sample demonstrating shared UI components between Next.js applications, leveraging shadcn/ui and Tailwind CSS for streamlined development.

A comprehensive Threads clone built with Next.js 13, Supabase, Prisma, NextAuth.js, TypeScript, shadcn UI, and Tailwind CSS.

An experimental project demonstrating how to use the shadcn/ui component library, powered by Radix UI and Tailwind CSS, within Fresh (Deno) applications.

A personal portfolio built with Next.js, TypeScript, Tailwind CSS, and GSAP, demonstrating modern web development, responsiveness, and theming.

Enscribe.dev is a personal information security blog utilizing Astro, Tailwind CSS, and shadcn/ui, presenting educational content on CTFs and cybersecurity topics.

An example showcasing Next.js Server Actions for forms, integrated with Vercel Postgres and styled using shadcn/ui components.

Shreddit is a fullstack Reddit clone using Next.js, Tailwind CSS, Prisma, and NextAuth, featuring infinite scroll, image uploads, and nested comments.

Shush demonstrates deploying OpenAI's WhisperV3 with Flash Attention v2 on Modal, accessed via a Next.js app for high-performance audio transcription.

A simple guide to creating multi-step shadcn forms in Next.js using React Context and localstorage, avoiding external state management libraries.

A meticulously curated list of awesome libraries, templates, components, and tools for developers working with shadcn/ui.

Showcases fetching and filtering Supabase data server-side, displayed responsively in a TanStack Table styled with shadcn/ui.

A Next.js 14 replica of mobbin.com's UI, built to test shadcn-ui components and enhance UI development skills by example.

A Storybook registry for all shadcn UI components, enabling quick access to documented atomic-level components for developers.

A learning repository guiding developers through modern full-stack web development using Next.js 13, TypeScript, and a comprehensive Jamstack/T3-inspired toolkit.

An open-source experimental app demonstrating Next.js 13's new router, server components, auth, subscriptions, and API routes in a modern setup.

A practical guide for integrating shadcn/ui components into Laravel Breeze applications using the React stack, with examples.

A comprehensive series teaching how to build 'PlotMyCourse,' a full-stack application using AdonisJS 6, InertiaJS, Vue 3, Shadcn-Vue, and SSR.

A responsive, client-side LinkedIn feed page clone built with Next.js and Shadcn, showcasing UI replication and a basic messaging feature.

A Next.js example project demonstrating React Big Calendar styled with Shadcn CSS variables for dynamic, CSS-only theme adaptation and seamless integration.

A curated compilation of top-tier applications, libraries, components, and starter kits utilizing or enhancing the shadcn/ui framework.

A fully-featured Online Grocery Store example built with Next.js 14, Strapi, Tailwind CSS, and Shadcn UI, showcasing modern e-commerce development.

A curated collection of 7 Next.js projects to learn core concepts, integrating MongoDB, Firebase, NextAuth.js, Strapi, Tailwind CSS, and TypeScript.

An example project demonstrating a recursively generated, accessible Kanban board using Next.js, @dnd-kit, Tailwind CSS, and Shadcn/ui for dynamic column creation.

A project demonstrating how to build a rich text editor using the Lexical framework and Shadcn UI components for a modern interface.

A demo project showcasing Shadcn/UI and Recharts for crypto charts, using free historical data from Pyth Network.