← All freeCodeCamp videos

Shadcn Component Library Course for Beginners

76,523 views 1,560 likes 2024-06-26 2:51:46 Watch on YouTube ↗ freeCodeCamp ↗
FrontendWeb DevelopmentShadcn

Chapters (14)

Show the creator's full description
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 ❤️ Try interactive React courses we love, right in your browser: https://scrimba.com/freeCodeCamp-React (Made possible by a grant from our friends at Scrimba) ⭐️ 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

Description and video by freeCodeCamp.org. This page is an independent companion view; the video is embedded from YouTube.