NextJS 13 UI Game Changer: The Library for Faster, Better Development

This library could be a game changer for NextJS 13 UI building! It's built in TypeScript, works with Server and Client components & best of all decouples the design from the component in a refreshing and useful way. Very excited to see how this will perform in NextJS production apps once NextJS 13 app directory becomes stable!

-------

The stuff I use to make my videos
thats pretty much it. Those are affiliate links so I might earn a commission if you purchase after clicking them. :^)

[EdwardOrnelas]

I love the trend of Component Libraries, and while technically this isn't one, I still put it under that category. Using these prebuilt components has expedited my projects significantly!

[okage_]

definitely going to try this out as my first component "library"

[yarapolana]

I love ChakraUI but I had a big barrier when using with Remix and AI streaming, and I am dreading migrating to Tailwind because of so many things they don’t have (or have to create from scratch) but then today I found this new “library” so I can finally say goodbye to ChakraUI and hello to NextUI.

[arijitroy]

THANK YOU SO MUCH FOR FINDING & SHOWING US THIS AMAZING LIBRARY. This is soo good.

[z_]

Hello, I tried some of them BUT they can only be used in client components, for example the Navigation Menu component... Which is against the philisophy of next 13

[kuroisan]

Will you make a video for explaining how to setup Trpc with Next13 and the new app directory ?

[NOBODYxx]

coming from a flutter background this ui components can be done easily with out any kind of library :)

[anujchhabra]

I can't able to use next UI with react, it's working great in next.js but not in react. Can anyone help

[anmegraphics]

hey, I want to learn next js 13. Should I learn to build apps with the new app directory or the oldschool pages directory?

[DjangoGrowAGram]

I wonder, why you say "SSR"? One of the first sentences on their website is: "you need to convert them into client-side component by adding a
'use client'; at the top of your file. NextUI only works in client-side components." :-/

[businessuser]

Hi, can you do a tutorial on integrating meilisearch in nextjs

[amwatahobuya]

The hype was good , the library was not . For Tailwind compatible components , DaisyUI is a good option 👌

[trebturner]

I prefer tailwind ui. If you can fork up the money.

[ihatesun]

This is actually really good. Was thinking some while ago on how inconvenient it is to style components coming from different libraries, because the component it self is an abstraction and that makes it really hard to edit styles, or even the structure of a component such as adding HTML elements to it. So what you end up with is having to deal with some funky workarounds to get to the implementation layer.

This project seems to solve the issue.
But the downside to this is that if there is a bug or a new feature that seems neat, you can't rely on just updating dependencies, because there are none.