12:18:43 MERN Stack LMS: React JS, Tailwind CSS, Express, MongoDB, Shadcn UI | MERN Stack Udemy Clone Sangam Mukherjee
165K views · 5.9K likes · 1 year ago
Best shadcn/ui Tutorial Videos
200 shadcn/ui videos from top YouTube educators, ranked by views and engagement. YouTube channels teaching shadcn/ui, the copy-paste React component library. Learn to build accessible, customizable UI components with Radix UI and Tailwind CSS.
See shadcn/ui Channels →The best shadcn/ui tutorials on YouTube in 2026 come from 76 verified creators across 200 indexed videos. Ranked by total views, the top picks are "MERN Stack LMS: React JS, Tailwind CSS, Express, MongoDB, Shadcn UI | MERN Stack Udemy Clone" by Sangam Mukherjee (165,016 views) , "Ultimate ShadCN Tutorial 2025 | React Next.js ShadCN Dashboard Project" by Lama Dev , and "I found the BEST React Component Libraries Built on top of Shadcn UI" by Jan Marshal. Full ranked list below, updated weekly from the YouTube Data API.
We indexed 200 shadcn/ui videos from 76 YouTube channels to find the tutorials worth your time. The average shadcn/ui tutorial gets 14,164 views, but the top videos below far exceed that — these are the ones developers keep coming back to.
The most-watched shadcn/ui tutorial has 165,016 views from Sangam Mukherjee. Other top educators include Lama Dev and Jan Marshal.
Top shadcn/ui Videos
12:18:43 
2:42:16 Ultimate ShadCN Tutorial 2025 | React Next.js ShadCN Dashboard Project Lama Dev
148.6K views · 3.7K likes · 1 year ago
12:26 I found the BEST React Component Libraries Built on top of Shadcn UI Jan Marshal
145.8K views · 7.3K likes · 9 months ago
6:04:13 Build a Django Rest API and Integrate with Next.js! Django Ninja, shadcn, Neon Postgres, Railway... CodingEntrepreneurs
115.1K views · 2.2K likes · 1 year ago
2:16:37 Admin Dashboard From Scratch - Next.js, TypeScript, Shadcn/ui Traversy Media
111.3K views · 2.5K likes · 1 year ago
3:55:43 How To Build A Portfolio Website: React.js, Next.js 14, Tailwind CSS, Shadcn UI Cristian Mihai
92K views · 1.7K likes · 2 years ago
19:24 I Found Even BETTER React Component Libraries Built on Top of Shadcn UI Jan Marshal
85.3K views · 4.8K likes · 8 months ago
1:11:28 I Will Never Use Shadcn Form Components Again Web Dev Simplified
62.7K views · 1.5K likes · 6 months ago
5:23:45 Build & Deploy Modern Coffee Shop Website with React, Next.js, Tailwindcss, Shadcn & Aos Animation Waleed Codes
57.3K views · 1.2K likes · 1 year ago
28:00 
5:49:07 Build a SaaS Application with NextJs, Stripe, Shadcn UI, TypeScript, Database Functions, Drizzle webdecoded
46.6K views · 1.8K likes · 1 year ago
3:49 
2:55:36 NextJS 14 Markdown Blog: TypeScript, Tailwind, shadcn/ui, MDX, Velite, Jolly Coding
40.8K views · 1.1K likes · 2 years ago
9:43 
2:01 How to Install Shadcn UI using React, Javascript and Vite | 2025 Andy's Tech Tutorials
37.6K views · 911 likes · 1 year ago
25:58 Next.js Modal with Parallel & Intercepting Routes, shadcn/ui Dialog Dave Gray
36.6K views · 1.3K likes · 1 year ago
16:30 
12:48 
11:57 
11:19 Best for Beginners
2:42:16 Ultimate ShadCN Tutorial 2025 | React Next.js ShadCN Dashboard Project Lama Dev
148.6K views · 3.7K likes · 1 year ago
9:10 Best UI kit for Next.js 13 | shadcn ui tutorial Edward Ornelas
25.1K views · 389 likes · 3 years ago
12:39 The Best Next.js 13.4 UI Library (shadcn/ui Setup and Tutorial) Cooper Codes
24.9K views · 578 likes · 2 years ago
8:57 ShadCN User Interface Tutorial | NextJS 13 Radix UI, TailwindCSS StarMorph AI
20.3K views · 360 likes · 2 years ago
38:13 Storybook Tutorial in Next.js 14+ with Tailwindcss and Shadcn UI Components | Next.js 15 Programming with Umair
13.6K views · 278 likes · 1 year ago
2:34:00 Create a portfolio website | React, shadcn ui, Tailwind CSS, TypeScript, NextJS 14, MDX tutorial m6io
13.2K views · 416 likes · 2 years ago
1:48 How to Add Dark Mode using Shadcn UI and Vite | Tutorial Andy's Tech Tutorials
12.5K views · 114 likes · 2 years ago
5:45 How to Setup Pagination with Shadcn UI | Tutorial Andy's Tech Tutorials
11.6K views · 92 likes · 2 years ago
11:29:48 Build a tool for businesses: Next.js, Clerk, Prisma, PostgreSQL, Shadcn (walkthrough / tutorial) AlfieWebDev
8.2K views · 399 likes · 1 year ago
28:13 Learn Search Params in Next.js 14 by building a project! React | Tailwind | shadcn/ui Max Programming
7.8K views · 223 likes · 2 years ago
Recent & Trending
9:43 
18:36 The Ultimate Shadcn UI + Claude Code Workflow (Design System, Claude Extension, MCP, Figma, Builder) ByteGrad
27.4K views · 489 likes · 2 months ago
6:02 
4:48:09 Full Stack React Project ( AI Recipe Platform ) - Next JS, Tailwind, Strapi, Neon DB, Shadcn UI 🔥🔥 RoadsideCoder
25.1K views · 625 likes · 3 months ago
22:52 I Found the ULTIMATE React Component Libraries Built on Shadcn UI Jan Marshal
22.3K views · 966 likes · 4 months ago
7:32 Everyone Is Missing What Makes NEW Shadcn Update Amazing Web Dev Simplified
20.8K views · 718 likes · 4 months ago
24:36 I Found INSANE React Component Libraries Built on Shadcn UI Jan Marshal
20.4K views · 973 likes · 3 months ago
4:51:38 Full Stack React Project ( AI Interview Marketplace ) - Next JS, Supabase, Stream, Shadcn UI 🔥🔥 RoadsideCoder
15.7K views · 549 likes · 27 days ago
2:11:19 Build a SaaS Admin Dashboard with React, Shadcn UI & TypeScript codewithsadee
14.6K views · 337 likes · 5 months ago
1:01:01 Top 11 MCP-Servers for Claude Code (Figma MCP, Paper MCP, Pencil MCP, Shadcn MCP, Context7 MCP, ...) ByteGrad
6K views · 139 likes · 1 month ago
Frequently Asked Questions
What are the best shadcn/ui tutorial videos?
The best shadcn/ui tutorials are ranked by view count and engagement from 200 videos across top YouTube educators. Top videos include tutorials from channels specializing in shadcn/ui development.
Which shadcn/ui videos are best for beginners?
Check the "Best for Beginners" section above — it filters for introductory shadcn/ui content like crash courses, tutorials, and getting-started guides, ranked by views.
How many shadcn/ui educators are on YouTube?
Developer Educators tracks YouTube channels covering shadcn/ui tutorials and courses. Visit the All shadcn/ui Channels page for the full list of educators.