Shadcn Component Library Course for Beginners
Offered By: freeCodeCamp
Course Description
Overview
Learn how to integrate Shadcn, a collection of reusable React components, into Next.js projects in this comprehensive 2-hour and 52-minute course. Master the installation and setup process, then explore a wide range of UI elements including accordions, alerts, alert dialogs, image ratios, avatars, badges, breadcrumbs, buttons, calendars, cards, carousels, checkboxes, and collapsibles. Gain hands-on experience in implementing beautifully designed, accessible, and customizable components to enhance your modern web development skills.
Syllabus
⌨️ Installation & Project Setup
⌨️ Accordion
⌨️ Alert
⌨️ Alert Dialog
⌨️ Image Ratio
⌨️ Avatar
⌨️ Badge
⌨️ Breadcrumb
⌨️ Button
⌨️ Calendar
⌨️ Card
⌨️ Carousel / Image Slider
⌨️ Check Box
⌨️ Collapsible
Taught by
freeCodeCamp.org
Related Courses
User Experience for the WebOpen2Study Web Accessibility MOOC for Online Educators
Portland Community College via Desire2Learn Introduction au game design
IONIS Web Accessibility MOOC for Educators
Colorado Community College System via Canvas Network Advanced Styling with Responsive Design
University of Michigan via Coursera