Shadcn/ui - Game Changer UI Library

Shadcn/ui was created as an open source customizable component library that makes using components easy while providing a professional look!

Implement reusable components in 10 mins or less with shadcn/ui.

This is one of the most trending UI libraries out right now and there is a reason for it.

Private 1 on 1 Help 👇

Join my FREE Discord to talk and network about web development! 👇

Check out this video on how you can easily create an avatar with a dropdown menu. This is perfect for any project's navigation bar.

Time Stamps
0:00 What is shadcn/ui
1:17 Installation of shadcn/ui
2:42 Running the CLI
4:36 Folder Structure
5:52 Dropdown Component
10:16 Avatar Component
10:45 Testing out Components & how to Customize
12:13 Outro

[wasd]

you're not being transparent with us
you have an error, and it's because of shadcn
the code you copied without really going over it, includes RadixUI DropdownMenu.Portal component, which is a React Portal, if you don't give that one the ref/element to "teleport" to, it will use document.body, and when it does that it will complain that your framework doesn't recognize the code it's supposed to hydrate..., so you can't just simply copy paste it
same with other components that use Portal

P.S no audio crackling/popping in this one 👍😁

[karamcsand]

"there is no reason to for me to recode this"
Yes you have a reason. To actually demonstrate the first steps of putting together stuff. If you actually start with following the documentation, put together first components and pages, you would have met the same bugs and wrong explanations anyone meets when trying to put this together. Instead you were scrolling on a ready app which is not familiar for the viewers. It was easier and faster for you but did not support the purpose of this video.
Still, thanks for your effort.

Finally I ended up not using this library. It turned out that there are too much errors that it makes zero sense to me to invest energy in it. There are component libraries which have decent docs and less bugs. I don't even understand why people talk about shadcn as a gamechanger. It is not. Please do not hype stuff just for fun.