Ultimate ShadCN Tutorial 2025 - React Next.js ShadCN Dashboard Project

Ultimate ShadCN Tutorial 2025 - React Next.js ShadCN Dashboard Project

Lama Dev via YouTube Direct link

00:00 Introduction

1 of 42
Next

1 of 42

00:00 Introduction

Class Central Classrooms beta

YouTube videos curated by Class Central.

Classroom Contents

Ultimate ShadCN Tutorial 2025 - React Next.js ShadCN Dashboard Project

Automatically move to the next video in the Classroom when playback concludes
  1. 1 00:00 Introduction
  2. 2 00:58 What is Radix UI and ShadCN UI?
  3. 3 02:39 How to install ShadCN UI?
  4. 4 05:51 ShadCN Variants and Custom Styling
  5. 5 09:24 ShadCN Custom Theming
  6. 6 12:37 What is CN in Tailwind and ShadCN?
  7. 7 15:27 Next.js Dashboard Design with ShadCN
  8. 8 17:41 ShadCN Navbar Design
  9. 9 20:17 ShadCN Dropdown Menu Tutorial
  10. 10 24:34 What is SR-ONLY Class Name?
  11. 11 26:06 What is asChild in Radix UI and ShadCN?
  12. 12 27:10 ShadCN Dark Mode Tutorial
  13. 13 32:27 ShadCN Sidebar Tutorial
  14. 14 45:06 Collapsing Sidebar and Creating a Custom Collapse Button
  15. 15 48:30 ShadCN Sidebar Actions
  16. 16 51:05 ShadCN Collapsible Sidebar Groups
  17. 17 53:44 ShadCN Sidebar Badges
  18. 18 54:27 ShadCN Sidebar Nested Items Sub Menu
  19. 19 57:38 Creating a Grid Layout
  20. 20 01:00:19 ShadCN Charts Tutorial
  21. 21 01:08:37 ShadCN Area Chart with Recharts
  22. 22 01:13:00 ShadCN Pie Chart with Recharts
  23. 23 01:18:18 ShadCN Card Component Tutorial
  24. 24 01:27:53 ShadCN Scroll Area and Checkbox
  25. 25 01:33:24 ShadCN Calendar and Popover Tutorial
  26. 26 01:41:48 ShadCN BreadCrumb Component
  27. 27 01:43:36 Designing the User Profile Page
  28. 28 01:46:50 ShadCN Hover Card Component
  29. 29 01:51:12 ShadCN Progress Bar Component
  30. 30 01:54:56 ShadCN Sheet Component
  31. 31 01:58:28 ShadCN Form and Input Component
  32. 32 01:59:23 How to Validate Inputs with Zod and react-hook-form
  33. 33 02:10:18 Creating a User Card
  34. 34 02:12:16 ShadCN Line Chart Tutorial
  35. 35 02:17:03 ShadCN Table and Data Table Tutorial
  36. 36 02:18:06 ShadCN Data Table with Tanstack React Table
  37. 37 02:26:00 Tanstack Table Custom Headers and Cells
  38. 38 02:29:39 Tanstack Table Action Button with ShadCN
  39. 39 02:31:47 Tanstack Table Pagination
  40. 40 02:34:46 Tanstack Table Sorting Columns
  41. 41 02:37:24 Tanstack Table Row Selection
  42. 42 02:41:35 Outro

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Sign up for free
Someone learning on their laptop while sitting on the floor.