Admin Dashboard From Scratch - Next.js, TypeScript, Shadcn/ui Traversy Media
111.3K views · 2.5K likes · 2 years ago
Learn shadcn/ui — Free Video Roadmap
A step-by-step path through the best free shadcn/ui videos on YouTube — beginner to advanced, in the order that actually makes sense. YouTube channels teaching shadcn/ui, the copy-paste React component library. Learn to build accessible, customizable UI components with Radix UI and Tailwind CSS.
To learn shadcn/ui in 2026, follow this order: start with a beginner crash course, then a full course, then advanced deep dives. This roadmap sequences 17 of the best free YouTube videos — beginning with "Admin Dashboard From Scratch - Next.js, TypeScript, Shadcn/ui" by Traversy Media (111,268 views).
Step 1
Start Here
Beginner-friendly shadcn/ui intros and crash courses
12:49 Getting started with your design system in Figma using the Obra shadcn/ui kit Wolfr
4.9K views · 98 likes · 11 months ago
10:55 1- Introduction - Next.Js 15 eCommerce Complete Project (React js , PostgreSql , Prisma , ShadCN) Kumar Programming
2.1K views · 61 likes · 1 year ago
4:14 
15:00 Step 2
Core Skills
Full courses and comprehensive shadcn/ui tutorials
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
2:42:16 Ultimate ShadCN Tutorial 2025 | React Next.js ShadCN Dashboard Project Lama Dev
148.6K views · 3.7K likes · 1 year 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
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
1:11:28 I Will Never Use Shadcn Form Components Again Web Dev Simplified
62.7K views · 1.5K likes · 7 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
Step 3
Advanced & Deep Dives
Go deeper into shadcn/ui internals and real-world use
15:07 Master "Dark Mode Toggle" Using Shadcn-ui and Remix - A Practical Guide Raj talks tech
8K views · 105 likes · 2 years ago
Step 4
Stay Current
The freshest shadcn/ui videos from the last 6 months
9:43 
18:36 The Ultimate Shadcn UI + Claude Code Workflow (Design System, Claude Extension, MCP, Figma, Builder) ByteGrad
27.4K views · 489 likes · 3 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 · 4 months ago
22:52 I Found the ULTIMATE React Component Libraries Built on Shadcn UI Jan Marshal
22.3K views · 966 likes · 5 months ago
Want a roadmap tailored to your goal and experience? Try the free AI learning planner →