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