These 2 UI Libraries Are The Perfect Combo

Shadcn-ui does a lot of stuff very, very well. For the parts that could be improved by animations, that is exactly where NextUI picks up and provides some beautiful alternatives. A really nice duo to get the best of both worlds.

-- my links

[oliverquixchan]

Shadcn UI uses tailwindcss-animate, rudimentary animations like transitions for feedback can be added to any element using the data attribute as trigger. Custom animations can also be added to tailwind by the developer. I think shadcn UI is made unopinionated so you as a developer can make it opinionated and remain lightweight. Next UI is great tho, their figma design system is extremely helpful

[Tryhards-Space]

Thanks, that was quick and very informational comperation! I will for sure use both from now on

[ishrathinaam]

A great comparison would be building two exact projects using either of these to compare the performance difference, and then finally a project with Next UI, where shadcn UI lacks to bring out the best of both worlds :D.

Either way, thanks for introducing Next UI Josh!

[miraclenerdkidchiki]

Learnt about Next UI last week from Jack herrington and fell in love immediately, animations, styling feels amd looks pure class.

[ismoiljonabduqahhorov]

Josh thanks buddy you are making us notified with trend technologies for long time appreciate that bro

[henriquematias]

oh amazing! great to know you can mix and match both of them!

[itspawanpoudel]

next-ui for small project & shadcn-ui for larger project.
Size & performance matters!

[marvinkr]

haha I discovered NextUI yesterday when typing next-themes, fun to see a video on it!

[abhiramsatpute]

I think the checkbox animation would give great user experiences on mobile screens with smooth touch feedbacks.

[FzsHotDogInDonut]

I like them both. I just found out about next ui. And it is good. Also how do you make a interactive animation light bulb with a pull wire that can be pulled to turn the bulb on and off?

[cameronadams]

Love your use of the word "beautiful", improves my mood by x2 every time you say it 😅😉

[starverseofficial]

i want to know one thing, right now i am using styled-component/native for making my component library in react native app, but i am facing performance lag. what should be the ideal css framework for making component lib for react native app?

[onlycasual]

I've been looking at using shadcn and something like tremor for more graph/chart heavy stuff but I'm not sure how to implement global styling without it being a headache to manage and scale

[carlosricardoziegler]

Nice !!! How about anima-te ícone ? Like Resend using? Some alternatives ?

[BR-BelalRezk]

Is it possible or good practice to use both in a large scale project for a startup or saas ?
I just liked both as nextui provides a native feel and good animations and user experience, shadcn provides more useful components like carasoul and drawer.

[jamessiebert]

Very helpful, thank you 😁
Keep the NextUI content coming 😁

[lgonbmc]

Hi Josh, big fan of your work. I actually tried to work with shadcn and nextui in the same project. But i had issues with the theme. You said both are completely safe to use side by side in a project but it leads to many design and color inconsistency. Can you make a video to setup shadcn and nextui in one project and control the theme from css styles just like shadcn themes. I would prefer Astro for video, but the implementation would be indentical on any framework, i suppose.

[nerdprogrammer]

Mui Joy is doing great. It is also giving nice UI templates.

[ezwa]

finally a mention in nextui, ive been trying to use nextui when i started learning nextjs, i find it really hard to work and modify. shadcn gave me a good flexibility and been using it. but yes the animation is better

[pyakz]

Shadcdn's Dropdown Menu removes the scrollbar of the page, making the unscrollable
It sucks