The Best Next.js 13.4 UI Library (shadcn/ui Setup and Tutorial)

0:00 Intro / Project
3:15 Create initial UI
4:15 Create calendar component
9:10 Create button component
11:57 Final project / thanks for watching!

[paulthomas]

Great tutorial - this shadcn library looks great ! - thanks.

[geraldsy]

what an awesome tutorial! very clear and you have covered everything from scratch! any newbie can follow this til the end! Thank you so much

[leoprimo]

Awesome lil tutorial! Maybe next go in-depth on customization?

[thecodeconfesses]

I really liked your video. you doing good work. keep it up.

[elmcapp]

Nice. It has a macOS look to it. I like the menu bar. I wish there was a tree view or list component

[splattelol]

The timing couldn't be better. Common Cooper W

[chuksvalentine]

I love your videos. Could you please do a small Next.js 13 project video using this Shadcn UI, will be highly appreciated

[kamaliddinsattorov]

I love the tutorial. Thank you very much for sharing your knowledge with the world. If possible, please, make a tutorial on how to create a full-stack app using ShadCN-UI. I ve been looking for such a tutorial for a long time, but there is none.

[alext]

I tried to get mantine to work with next for 13 when 13 first came out. Gave up after 3 full days.

Was fun

[Shubham-ycnz]

Hey is there any other library which can work great with Next 13 app directory

[omarkraidie]

shadcn/ui seems amazing and eazy to use!

What about styling those components is it easy (eg. bg color text color)? Or is it not recommended?

[miroo]

Can we use the shadcn/ui without typescript or so to say with javascript only

[musaddikrayat]

So, nobody is recognizing radix-ui but shadcnui which itself is built on top of radix?

[itamarsharify]

Wait. If the components use 'use client' they are client rendered.... so this library does not really do SSR... am I wrong?

[karamcsand]

Looked great. Then I checked shadcn and Radix....quite bad experience. I followed the steps but there are big holes in the startup tutorial and I get errors quite early. I don't get the hype around shadcn. It is not a gamechanger, it is just another tool. Which has bugs. Now I go to other libraries to check how they perform

[aplusphilic]

Out of curiosity can this be used on other react frameworks say remix or just NextJS? Is it just examples are made with NextJS or the only works with NextJS?

[aaron]

doesn't shadcn specifically say they are not a library???

[meilyn]

This process makes me appreciate MUI more.

[RubenKannan]

Whenever I see .ts or .tsx I run far away from the library 🥰🥰 It's probably just me.