How to install Shadcn UI in React, Vite and Typescript

In this video, I'm going to teach how to set up Shadcn/ui in React with Vite using Typescript. We will learn from the official Shadcn Doc, so the installation is step-by-step and easy to understand
If you want to know how to set up shadcn/ui in React Typescript projects, this video tutorial will help you install Shadcn successfully.

[@keifer7813]

Nice vid. I followed the steps precisely but for some reason, it created a folder called "@" in my root directory. This folder had the "components" and "lib" folders inside it. Why might that have happened? And how do I fix it? Thanks

[@anuragbandyopadhyay3483]

Same for me

[@worldwide6626]

Thank you! Is there a video on how to style the component with tailwind?

[@Devtamin]

Unfortunately not

[@yeunhatdei1609]

why i dont see the vite.config.js file when i create the project

[@oluwanifemiorimoloye-ww6nf]

Thanks for the video, very helpful ❤ What is that one habit that really helped you while learning to code?

[@Devtamin]

Nothing special. Just keep learning

[@roubilridlo2159]

i already have custom css, and already have configured tailwind.config.css its basically i using tailadmin template and wanna add shadcn ui in it. can you teach me how to do it? sorry for my bad english

[@bimangunarathne2239]

hi in my project there is not creating component folder when i install the component did you know how to fix that

[@randombasketballguy337]

I’m getting an error that says “Cannot find module ‘@/components/ui/button’ or it’s corresponding type declarations. Any ideas how to fix it?

[@Devtamin]

make sure that you update node.js to the latest version. Hope it helps

[@serene7560]

I had the same problem, I deleted the @ folder where the component was downloaded, then I ran the shadcn-ui init command again and this time it created a folder inside the src, then it worked.

[@webshipon1941]

@@serene7560 solve this error my brother give code link

[@MinTechBD]

i am also get this error

[@anuragbandyopadhyay3483]

@@serene7560 I had to manually change the file system in order to run the application.

[@hajidraihan5543]

nice its very helpful

[@Devtamin]

Glad to hear that

[@attiquerehman779]

thanks man

[@Devtamin]

You're welcome

[@ayoubzo5841]

thank you this is really helpful love you

[@Devtamin]

You're so welcome!

[@HaiderAli-wj3tx]

thank you so much very helpful for me

[@Devtamin]

You're welcome. Thank you for a comment

[@Jayemby]

my tsconfig.json doesn't have compilerOptions when I go to load it. I've followed all the steps. When I try to just add it instead, then I just get loads of 'Cannot find module ‘@/components/ui/button' errors even though I've installed all the components later.

[@adityaraj3643]

I am facing the same issue. Were you able to fix it?

[@フヌ-k5q]

thx❤