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: www.freecodecamp.org
Read hundreds of articles on programming: freecodecamp.org/news

[@codeddesign]

Hi guys, I’m Matthew Msingathi from Dimbaza, South Africa. I want to thank FCC for making this possible. I hope you will learn shadcn and use it in your job or side projects. God bless you!

[@zwelimdlalose1059]

I'm just glad someone from South Africa is actually into this most of the time I just feel like I'm talking to myself when it comes to coding or Ai

[@codeddesign]

@@zwelimdlalose1059 Thank you so much, I appreciate your support. Enkosi

[@frankie_goestohollywood]

Thank you @codeddesign 🙌👍🤓🚀🙏
Subscribed to your channel 👌
Thanks again FCC for great content .

[@kasper369]

Just me or shadcn does not need a 1 hour tutorial video

[@AioriaPoderoso]

It needs a 2:50 hours video

[@man32681]

Another Lovely Course from FCC ❤

[@kennstack01]

Great 👍 thanks a bunch!

[@Buy_YT_Views.53]

Your channel is a ray of sunshine in the vast CZcams landscape. Keep shining bright!

[@codernerd7076]

You can install shadcn manually in existing projects to prevent that overwrite issues

[@codeddesign]

Thanks, i didn't know that.

[@Administrador-km2xd]

thanks for the subtitles

[@nemeziz_prime]

ShadCN fam ftw 💪🏻🔥🔥🔥

[@am_michelle]

Finally 🎉

[@TheNaive]

where is the remaining part ? of remaining components?

[@codeddesign]

Thanks for your concern, Its a mistake on my side and i fully admit it. I didn't know if ShadCN has a huge market or there is a need in the dev community. Maybe FCC might work out something and feature me again in the future.

[@XYZvideomaker]

Bca /B.tec Degree is compulsory for full stock development reply me

[@darkknight7623]

Great video sir, Please make a tutorial for Ant Design

[@codeddesign]

Noted, Thanks for your comment

[@happy..1907]

I'm not using this till they add a multi select dropdown

[@ehizomokhomion4208]

Or a multi step form

[@progosling]

Wait wait... Are you just copying the code from their doc in this video? 🙂

[@codeddesign]

No, i also teach how to create reusable components. Like code once and use it many times, i also teach you that its not about copy and paste but building you own component library through shadcn.

[@MetroExodus999]

Shadcn ui norm

[@gergesshoukry4273]

37 : 32

[@areeb6703]

This doesn’t need a 3 hour course lmfao

[@MdIrfan-ip9be]

Teaching how to copy past😂

[@vibalciunas]

Silence all the "OKs"! OK?

[@codeddesign]

Noted thanks, will improve next time.

[@Takatou__Yogiri]

i dont like TS. but shadcn doesn't support js. I'm not out.

[@codeddesign]

@Takatou__Yogiri I understand, and it's OK, but I would suggest you give it a try in baby steps. You won't regret it. It's worth learning

[@ssshen5807]

support js