Inspirations & Examples

An inspirational personal website and blog built with SvelteKit, Tailwind CSS, and shadcn/ui, showcasing practical application and deployment on Vercel.

A Next.js 13 Pokémon-themed application demonstrating server components, server actions, NextAuth.js, Drizzle ORM, and Turso within an Nx monorepo.

An open-source Eraser.io clone using Next.js, Tailwind CSS, Shadcn/UI, Convex DB, and Kinde Auth, showcasing modern web app development.

Onur.dev is a personal website built with Next.js and Tailwind CSS, showcasing writings, journey, and bookmarks, using Contentful, Raindrop, and Supabase.

A Next.js project demonstrating server-side table features like pagination and sorting using Shadcn-UI components.

This project provides a practical example of a dynamic data table, leveraging Shadcn UI and Tanstack Table within a React and TypeScript setup.

A Next.js-based Miro clone featuring real-time collaboration via Convex and Liveblocks, styled with shadcn/ui, inspired by Code with Antonio's tutorial.

An interactive sales dashboard built with Streamlit and Shadcn UI, visualizing city-specific annual and monthly sales performance metrics for insightful data analysis.

A comprehensive tutorial for building a full-stack journal application, integrating Next.js, React, Tailwind CSS, Prisma, Neon, Clerk, ArcJet, and Shadcn UI.

A curated directory of libraries, components, developer tools, and boilerplates for enhancing shadcn-svelte projects and workflows.

Open-source code for 'tuna.one', a personal website built with Next.js, TailwindCSS, and shadcn/ui, demonstrating various API integrations and dynamic content features.

Station is an open-source Notion-like app using Next.js, Supabase, and Tailwind CSS, providing a collaborative workspace with a block editor.

A curated collection of open-source UI layouts and experiments, crafted with Origin UI and shadcn/ui, offering inspiration for developers.

An example showcasing zoomable, brush-enabled charts built with ShadCN Charts and Recharts, offering enhanced data interaction for developers.

A Next.js project for a countdown timer, built with Tailwind CSS and Shadcn, featuring essential start, pause, and reset capabilities.

A Rive website clone built with Next.js 14, Shadcn UI, and Tailwind CSS, serving as a learning example for modern web development.

Explore this example of a shadcn/ui Combobox featuring asynchronous data fetching, debounced input, and simulated API calls.

A Next.js project showcasing complex animations using React-Spring, TailwindCSS, and ShadcnUI, inspired by an Instagram Reel and Figma design.

A demonstration of a zoomable chart component using Shadcn UI and Recharts, featuring click-and-drag or scroll zooming.

An example project showcasing an accessible Kanban board built using React, @dnd-kit, Tailwind CSS, and Shadcn/ui components for developers.

A developer demo tool for visually comparing and tracking changes in ShadCN UI components, simplifying updates and version management.

A Next.js demo app showcasing React Server Components and shadcn/ui charts for streaming and displaying stock price data from Polygon.io.

A comprehensive X (Twitter) clone built with Next.js 13, React, and modern technologies, serving as a practical full-stack development example.

A personal website showcasing projects and experience, built using NextJS, Shadcn/UI, Tailwind CSS, and featuring interactive draggable components.

Experience an Instagram clone built using Next.js, tRPC, Server Components, NextAuth, Prisma, and Shadcn UI, demonstrating modern full-stack development.

A Next.js 14, Shadcn, and Tailwind CSS project replicating the Attio CRM, ideal for learning modern web development techniques.

A Next.js 14 landing page template for 'Rise Calendar', built with Shadcn, Tailwind CSS, and Lenis for smooth scrolling. Ideal for inspiration.

A standalone React data-table demo featuring client-side pagination and server-side infinite scroll, built with TanStack Table, shadcn/ui, and Next.js.

A starter project for developers to explore and implement various shadcn UI components, covering layouts, forms, tables, and example pages.

A meticulously curated collection of resources, tools, and inspirations designed to supercharge your development with shadcn/ui.

A developer's personal website built with Next.js, Tailwind CSS, and TypeScript. Serves as a practical, modern portfolio and blog example.

An open-source Threads clone showcasing Next.js 14, TypeScript, tRPC, Tailwind CSS, Prisma, and Clerk Auth, built with the T3 stack.

Chatwex: A full-featured SaaS chat application with AI translation, built with Next.js, Firebase, and Stripe for portfolio and learning purposes.

An example Svelte project demonstrating LayerChart integration with shadcn-svelte components, built using the `create-svelte` foundation.