How to install NextUI in React with Vite

In this tutorial, I going to teach you how to set up NextUI in React with Vite. You will learn how to install NextUI step-by-step from scratch. All steps will be clear and simple so you can comprehend it easily. I will start with install Vite and React. Then, I will install Tailwind and finish with installing NextUI and Framer Motion.

[@alpharsh]

Brother literally that's the thing what I'm looking for desperately Thanks aloooot❤

[@Devtamin]

Most welcome 😊

[@artfaizcast]

Thank you a lot for step install NextUI , I want you teach more components NextUI.

[@Devtamin]

I will try my best

[@DistinctSoundz]

Very useful. God bless

[@Devtamin]

Thank you for a comment

[@jnthnofficial]

did everything u said, but the hello world is not stylized like that? it i in the middle of the screen, and it is dark blue

[@joeffreywong4726]

I can install the nextui in my vite project now. Thank you very much.

[@Steadyfreddy96]

Thanks for the video! I'm following the steps and it works up until the Tailwind install. The styles are not being applied to "Hello World!". In index.css I'm getting this warning "Unknown at rule @tailwindcss(unknownAtRules)". Any ideas on how to resolve? Thanks!

[@jnthnofficial]

same issue, did u figure this out?

[@АртемМ-ш7ж]

Big thanks, big love

[@hy-abdulrahman2]

Thank U

[@Devtamin]

Welcome

[@dineshbalaji_s]

Thank you so much.

[@alpharsh]

Can you also make tut on how to setup MagicUI library in Vite+React

[@Devtamin]

can you tell me why you want to use MagicUI ?

[@alpharsh]

@@Devtamin because of some amazing components, but with the help of your shadcn vite+react installation video I've successfully installed the libraries

[@alpharsh]

@@Devtamin but brother now there's a issue araise at the time of deployment of the project using vite+reactjs and shadcn "Error when using sourcemap for reporting an error: Can't resolve original location of error." brother please make a video on this how to resolve this issue and deploy

[@angelbravo7533]

Bruh

[@kondra041]

Thank you very much!!!

[@Devtamin]

You're welcome

[@lametfrank6848]

Thank you for this video it's helped me

[@Devtamin]

Most welcome 😊