MERN Stack LMS: React JS, Tailwind CSS, Express, MongoDB, Shadcn UI | MERN Stack Udemy Clone Sangam Mukherjee
168.4K 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 →As of September 2026, the best shadcn/ui tutorials on YouTube come from 97 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 (168,361 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.
Explore shadcn/ui
We indexed 200 shadcn/ui videos from 97 YouTube channels to find the tutorials worth your time. The average shadcn/ui tutorial gets 17,839 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 168,361 views from Sangam Mukherjee. Other top educators include Lama Dev and Jan Marshal.
shadcn/ui Channels on the Move
Ranked by subscribers, with movement vs ~30 days ago. See fastest-rising by view velocity → This week in dev YouTube →
- #1 Traversy Media 2.4M subs —
- #2 Web Dev Simplified 1.8M subs —
- #3 Dave Gray 446K subs —
- #4 CodingEntrepreneurs 388K subs —
- #5 Lama Dev 361K subs —
- #6 ProgrammingWithHarry 282K subs new
- #7 Hamed Bahram 218K subs ▼1 (was #6)
- #8 ByteGrad 202K subs ▼1 (was #7)
- #9 RoadsideCoder 177K subs ▼1 (was #8)
- #10 AI LABS 162K subs —
Top shadcn/ui Videos
Ultimate ShadCN Tutorial 2025 | React Next.js ShadCN Dashboard Project Lama Dev
164.8K views · 3.9K likes · 1 year ago
I found the BEST React Component Libraries Built on top of Shadcn UI Jan Marshal
150.8K views · 7.3K likes · 1 year ago
6:04:13 Build a Django Rest API and Integrate with Next.js! Django Ninja, shadcn, Neon Postgres, Railway... CodingEntrepreneurs
117.4K views · 2.2K likes · 2 years ago
2:16:37 Admin Dashboard From Scratch - Next.js, TypeScript, Shadcn/ui Traversy Media
113.1K views · 2.5K likes · 2 years ago
3:55:43 How To Build A Portfolio Website: React.js, Next.js 14, Tailwind CSS, Shadcn UI Cristian Mihai
92.2K views · 1.7K likes · 2 years ago
19:24 I Found Even BETTER React Component Libraries Built on Top of Shadcn UI Jan Marshal
88.6K views · 4.9K likes · 1 year ago
9:58 How to Install Shadcn in React, Vite with Javascript | Set up shadcn/ui in React, Vite, Javascript Devtamin
85.4K views · 1.8K likes · 2 years ago
1:11:28 I Will Never Use Shadcn Form Components Again Web Dev Simplified
67.5K views · 1.6K likes · 10 months ago
10:46:02 Building a java full stack development project using spring boot, react, shadcn ui, redux, tailwind Code With Zosh
64.4K views · 1.3K likes · 2 years ago
5:41:59 Full Stack Project Management System using spring boot, react, Mysql, tailwind, shadcn ui, razorpay Code With Zosh
58.1K views · 657 likes · 2 years ago
5:23:45 Build & Deploy Modern Coffee Shop Website with React, Next.js, Tailwindcss, Shadcn & Aos Animation Waleed Codes
58K views · 1.2K likes · 2 years ago
28:00 
5:49:07 Build a SaaS Application with NextJs, Stripe, Shadcn UI, TypeScript, Database Functions, Drizzle webdecoded
46.7K views · 1.8K likes · 2 years ago
3:49 
2:55:36 NextJS 14 Markdown Blog: TypeScript, Tailwind, shadcn/ui, MDX, Velite, Jolly Coding
40.9K views · 1.1K likes · 2 years ago
2:01 How to Install Shadcn UI using React, Javascript and Vite | 2025 Andy's Tech Tutorials
40K views · 944 likes · 1 year ago
9:43 
4:48:09 Full Stack React Project ( AI Recipe Platform ) - Next JS, Tailwind, Strapi, Neon DB, Shadcn UI 🔥🔥 RoadsideCoder
37.9K views · 796 likes · 7 months ago
38:01 Best for Beginners
2:42:16 Ultimate ShadCN Tutorial 2025 | React Next.js ShadCN Dashboard Project Lama Dev
164.8K views · 3.9K 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 · 575 likes · 3 years ago
8:57 ShadCN User Interface Tutorial | NextJS 13 Radix UI, TailwindCSS StarMorph AI
20.3K views · 360 likes · 3 years ago
1:48 How to Add Dark Mode using Shadcn UI and Vite | Tutorial Andy's Tech Tutorials
14.1K views · 119 likes · 2 years ago
38:13 Storybook Tutorial in Next.js 14+ with Tailwindcss and Shadcn UI Components | Next.js 15 Programming with Umair
14K views · 280 likes · 2 years ago
2:34:00 Create a portfolio website | React, shadcn ui, Tailwind CSS, TypeScript, NextJS 14, MDX tutorial m6io
13.3K views · 414 likes · 2 years ago
3:10:49 
5:45 How to Setup Pagination with Shadcn UI | Tutorial Andy's Tech Tutorials
11.8K views · 92 likes · 2 years ago
5:54:02 FullStack SaaS AI NotebookLM Clone | MERN Stack |React,Node,ShadCN,MongoDB|LangChain Tutorial Wizard Engineer
8.5K views · 224 likes · 10 months ago
Recent & Trending
4:51:38 Full Stack React Project ( AI Interview Marketplace ) - Next JS, Supabase, Stream, Shadcn UI 🔥🔥 RoadsideCoder
26.3K views · 752 likes · 5 months ago
4:01:07 Full Stack React Project ( Agentic App Builder ) - Next JS, Supabase, Typescript, Cline, Shadcn 🔥🔥 RoadsideCoder
20.9K views · 625 likes · 3 months ago
22:38 5 Insane Shadcn/ui Component Libraries You Need to See Jan Marshal
12.8K views · 591 likes · 2 months ago
10:38:08 Build AI-Powered UI Library like Shadcn 🚀 | MERN Stack + NPM Package + AI Component Generator VIRTUAL CODE
10.9K views · 357 likes · 5 months ago
24:50 
1:01:01 Top 11 MCP-Servers for Claude Code (Figma MCP, Paper MCP, Pencil MCP, Shadcn MCP, Context7 MCP, ...) ByteGrad
7.9K views · 161 likes · 5 months ago
10:24 New BlatUI: Shadcn for Blade (No React.js) - with MCP Server Laravel Daily
3.9K views · 132 likes · 2 months ago
7:29:34 Build Manus AI Clone with Next.JS 16, React , ShadCN , TailWind CSS | Nextjs Full-Course Wizard Engineer
3.5K views · 123 likes · 6 months ago
13:29 
7:31 I Didn’t Expect These New Shadcn Components… | Manu Arora Manu Arora
3.2K views · 176 likes · 2 months 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.