Awesome-Shadcn/ui
Browse
Advertise
About Us
Submit
Sign In
Latest
Categories
Tags
Submit
Advertise
About
/
Categories
/
Inspirations & Examples
Inspirations & Examples
A curated collection of the best Inspirations & Examples.
Popular Categories:
Boilerplates & Starters
419
Components & Libraries
269
Platforms & Applications
124
Inspirations & Examples
93
Tools & Utilities
45
Themes & Customizations
37
Plugins & Extensions
19
Design Systems & Kits
13
Ports & Implementations
13
Animations & Effects
3
All categories
All Distributions
Order by
opensource
Shadcn Nextjs
Shadcn/ui Crash Course: Build an E-commerce Landing Page with Next.js.
49
16
Inspirations & Examples
Project code for the Shadcn/ui crash course, building an e-commerce landing page using Next.js, Radix UI, and Tailwind CSS.
opensource
Astro Nomy
Explore Astro v4 & shadcn/ui: Open-source examples and modern app pages.
489
110
Inspirations & Examples
An open-source application showcasing modern Astro v4 features, integrated with shadcn/ui and React for diverse example pages and app functionalities.
opensource
Storybook Shadcn
Explore Storybook with Shadcn-ui: A Developer's Learning Showcase.
64
8
Inspirations & Examples
A personal project demonstrating in-depth learning and application of Storybook with Shadcn-ui components, emphasizing quality and future-proof design.
opensource
Vercel Nav Demo
Vercel Navigation Clone: Next.js Parallel Routes in Action.
66
8
Inspirations & Examples
Explore a light clone of Vercel's dashboard navigation, demonstrating Next.js Parallel Routes and server-side data fetching for dynamic user experiences.
opensource
Infinite Scroll Server Actions
Effortless Infinite Scrolling: Next.js 13 Server Actions meet shadcn-ui.
37
8
Inspirations & Examples
A demonstration project showcasing infinite scroll implementation using Next.js 13 server actions and the shadcn-ui component library.
opensource
NextPix Gallery
NextPix: Elegant image galleries with Next.js and Pexels API.
11
1
Inspirations & Examples
NextPix Gallery: A Next.js image gallery using Pexels API, Tailwind CSS, Shadcn UI, TypeScript, and Zod for elegant image display.
opensource
Shadverse
Your hub for discovering inspiring projects built with shadcn-ui.
27
0
Inspirations & Examples
Shadverse is a curated collection where developers discover and share innovative applications built using the shadcn-ui component library.
opensource
Shadcn Carousel Testimonials
Elegant shadcn UI testimonial carousels for your Next.js app.
74
0
Inspirations & Examples
A Next.js starter project demonstrating responsive testimonial carousels built with shadcn UI components, perfect for showcasing user feedback.
opensource
Shadcn Vue Admin
Shadcn-vue Admin: Responsive, Accessible Dashboard for Vue3 & Vite.
100
17
Inspirations & Examples
A feature-rich admin dashboard UI built with Shadcn-vue, Vue3, and Vite, emphasizing responsiveness and accessibility for modern web applications.
opensource
Turborepo Nextjs Example
Monorepo example: Share Next.js components with Turborepo and shadcn/ui.
11
1
Inspirations & Examples
A Turborepo sample demonstrating shared UI components between Next.js applications, leveraging shadcn/ui and Tailwind CSS for streamlined development.
opensource
Threads Clone
Full-Stack Threads Clone: Next.js 13, Supabase, Prisma, NextAuth & Shadcn UI.
16
1
Inspirations & Examples
A comprehensive Threads clone built with Next.js 13, Supabase, Prisma, NextAuth.js, TypeScript, shadcn UI, and Tailwind CSS.
opensource
Testing Shadcn UI In Fresh
Explore shadcn/ui in Fresh: A Deno integration showcase.
23
3
Inspirations & Examples
An experimental project demonstrating how to use the shadcn/ui component library, powered by Radix UI and Tailwind CSS, within Fresh (Deno) applications.
opensource
Shinthant.dev
Shin Thant's Portfolio: Next.js, TypeScript, Tailwind CSS, & GSAP showcase.
61
15
Inspirations & Examples
A personal portfolio built with Next.js, TypeScript, Tailwind CSS, and GSAP, demonstrating modern web development, responsiveness, and theming.
opensource
Enscribe.dev
Enscribe.dev: Cybersecurity insights and CTF resources, powered by Astro & Tailwind.
378
37
Inspirations & Examples
Enscribe.dev is a personal information security blog utilizing Astro, Tailwind CSS, and shadcn/ui, presenting educational content on CTFs and cybersecurity topics.
opensource
Nextjs Server Actions Form
Power your Next.js forms with Server Actions, Vercel Postgres & shadcn/ui.
10
1
Inspirations & Examples
An example showcasing Next.js Server Actions for forms, integrated with Vercel Postgres and styled using shadcn/ui components.
opensource
Shreddit
Shreddit: Modern Next.js & Tailwind Reddit clone for fullstack development.
54
17
Inspirations & Examples
Shreddit is a fullstack Reddit clone using Next.js, Tailwind CSS, Prisma, and NextAuth, featuring infinite scroll, image uploads, and nested comments.
opensource
Shush
Rapid audio transcription using WhisperV3, Flash Attention v2, and Modal.
208
36
Inspirations & Examples
Shush demonstrates deploying OpenAI's WhisperV3 with Flash Attention v2 on Modal, accessed via a Next.js app for high-performance audio transcription.
opensource
Shadcn Nextjs Multistep Form Example
Build multi-step shadcn forms in Next.js, no external state needed.
20
2
Inspirations & Examples
A simple guide to creating multi-step shadcn forms in Next.js using React Context and localstorage, avoiding external state management libraries.
opensource
Awesome Shadcn UI
Explore the definitive collection of shadcn/ui resources, tools, and inspirations.
454
22
Inspirations & Examples
A meticulously curated list of awesome libraries, templates, components, and tools for developers working with shadcn/ui.
opensource
Supabase Shadcn Database Example
Efficiently display Supabase data with TanStack Table and server-side rendering.
28
1
Inspirations & Examples
Showcases fetching and filtering Supabase data server-side, displayed responsively in a TanStack Table styled with shadcn/ui.
opensource
Next Mobbin Clone
Next.js Mobbin clone: Test shadcn-ui components with a sleek, inspired design.
106
12
Inspirations & Examples
A Next.js 14 replica of mobbin.com's UI, built to test shadcn-ui components and enhance UI development skills by example.
opensource
Shadcn Storybook Registry
Access Storybook stories for shadcn UI components instantly.
48
2
Inspirations & Examples
A Storybook registry for all shadcn UI components, enabling quick access to documented atomic-level components for developers.
opensource
Learn Nextjs
Master Full Stack Web 2 & Web 3 with Next.js 13 and More.
761
527
Inspirations & Examples
A learning repository guiding developers through modern full-stack web development using Next.js 13, TypeScript, and a comprehensive Jamstack/T3-inspired toolkit.
opensource
Taxonomy
Open-source Next.js 13 app: Explore server components and modern web features.
18,937
2,660
Inspirations & Examples
An open-source experimental app demonstrating Next.js 13's new router, server components, auth, subscriptions, and API routes in a modern setup.
opensource
Shadcnui Example Project
Effortlessly use shadcn/ui components in your Laravel React applications.
12
0
Inspirations & Examples
A practical guide for integrating shadcn/ui components into Laravel Breeze applications using the React stack, with examples.
opensource
Building With Adonisjs And Inertia
Build feature-complete AdonisJS 6 & Vue 3 apps with InertiaJS and SSR.
21
4
Inspirations & Examples
A comprehensive series teaching how to build 'PlotMyCourse,' a full-stack application using AdonisJS 6, InertiaJS, Vue 3, Shadcn-Vue, and SSR.
opensource
Linkedin Clone
Recreate LinkedIn's feed experience with Next.js and Shadcn.
35
3
Inspirations & Examples
A responsive, client-side LinkedIn feed page clone built with Next.js and Shadcn, showcasing UI replication and a basic messaging feature.
opensource
Shadcn UI Big Calendar
Effortlessly theme React Big Calendar with Shadcn's CSS variables.
127
10
Inspirations & Examples
A Next.js example project demonstrating React Big Calendar styled with Shadcn CSS variables for dynamic, CSS-only theme adaptation and seamless integration.
opensource
Awesome Shadcn
Your ultimate guide to the shadcn/ui ecosystem: apps, libs & more.
15
1
Inspirations & Examples
A curated compilation of top-tier applications, libraries, components, and starter kits utilizing or enhancing the shadcn/ui framework.
opensource
Online Glocery Store Next.js Tailwind Strapi
Modern E-commerce: Next.js 14 Grocery Store with Strapi & Tailwind.
0
0
Inspirations & Examples
A fully-featured Online Grocery Store example built with Next.js 14, Strapi, Tailwind CSS, and Shadcn UI, showcasing modern e-commerce development.
opensource
Next Projects
Master Next.js with 7 projects: MongoDB, Firebase, NextAuth.js, Strapi, and more.
170
50
Inspirations & Examples
A curated collection of 7 Next.js projects to learn core concepts, integrating MongoDB, Firebase, NextAuth.js, Strapi, Tailwind CSS, and TypeScript.
opensource
Recursive Dnd Kanban Board
Recursive Drag & Drop Kanban: Dynamic columns with Next.js & dnd-kit.
53
1
Inspirations & Examples
An example project demonstrating a recursively generated, accessible Kanban board using Next.js, @dnd-kit, Tailwind CSS, and Shadcn/ui for dynamic column creation.
opensource
Shadcn Lexical
Shadcn-Lexical: Seamlessly combine Lexical editor with Shadcn UI.
25
3
Inspirations & Examples
A project demonstrating how to build a rich text editor using the Lexical framework and Shadcn UI components for a modern interface.
opensource
Crypto Charts
Visualize Crypto: Shadcn/UI charts with free Pyth historical data.
113
9
Inspirations & Examples
A demo project showcasing Shadcn/UI and Recharts for crypto charts, using free historical data from Pyth Network.
opensource
Www
Arunava's Digital Space: Showcasing work, notes, and tech experiments.
106
12
Inspirations & Examples
A personal website for Arunava, a CS undergrad, featuring his software projects, notes, coding stats, and interests like compilers and networks.
prev
Page 1 of 3
Page:
1
2
3
next
Advertise with us
Reach our audience of professional directory owners and boost your sales.
Advertise
