Shadcn Component Library Course for Beginners
Shadcn is a unique collection of reusable React components designed for modern web development. In this course, you'll learn how to integrate beautifully designed, accessible, and customizable UI elements into your Next.js projects.
Course created by @codeddesign
⭐️ Contents ⭐️
⌨️ (0:00:00) Installation & Project Setup
⌨️ (0:03:35) Accordion
⌨️ (0:11:16) Alert
⌨️ (0:25:51) Alert Dialog
⌨️ (0:39:15) Image Ratio
⌨️ (0:57:27) Avatar
⌨️ (1:01:21) Badge
⌨️ (1:12:05) Breadcrumb
⌨️ (1:28:18) Button
⌨️ (1:31:50) Calendar
⌨️ (1:56:32) Card
⌨️ (2:07:05) Carousel / Image Slider
⌨️ (2:37:36) Check Box
⌨️ (2:46:25) Collapsible
? Thanks to our Champion and Sponsor supporters:
? davthecoder
? jedi-or-sith
? 南宮千影
? Agustín Kussrow
? Nattira Maneerat
? Heather Wcislo
? Serhiy Kalinets
? Justin Hual
? Otis Morgan
? Oscar Rahnama
--
Learn to code for free and get a developer job: https://www.freecodecamp.org
Read hundreds of articles on programming: https://freecodecamp.org/news
Course created by @codeddesign
⭐️ Contents ⭐️
⌨️ (0:00:00) Installation & Project Setup
⌨️ (0:03:35) Accordion
⌨️ (0:11:16) Alert
⌨️ (0:25:51) Alert Dialog
⌨️ (0:39:15) Image Ratio
⌨️ (0:57:27) Avatar
⌨️ (1:01:21) Badge
⌨️ (1:12:05) Breadcrumb
⌨️ (1:28:18) Button
⌨️ (1:31:50) Calendar
⌨️ (1:56:32) Card
⌨️ (2:07:05) Carousel / Image Slider
⌨️ (2:37:36) Check Box
⌨️ (2:46:25) Collapsible
? Thanks to our Champion and Sponsor supporters:
? davthecoder
? jedi-or-sith
? 南宮千影
? Agustín Kussrow
? Nattira Maneerat
? Heather Wcislo
? Serhiy Kalinets
? Justin Hual
? Otis Morgan
? Oscar Rahnama
--
Learn to code for free and get a developer job: https://www.freecodecamp.org
Read hundreds of articles on programming: https://freecodecamp.org/news
freeCodeCamp.org
Learn to code for free....