How to Install Shadcn UI using React, JavaScript, and Vite

[@AndysTechTutorials]

EDIT: Updated Video: kzbin.info/www/bejne/q327enqpYtKUi7c EDIT: November 2024 Update: Updated instructions can be found here - github.com/shadcn-ui/ui/pull/5820! If you are having issues with a tailwind error, follow the steps here: github.com/shadcn-ui/ui/issues/4677#issuecomment-2323515224!

[@fialovybagr1587]

i spent whole evening solving this, its almost 3 am and i just gave up and went to bed. I was curious how to solve this and i found your video, thank you man!!

[@AndysTechTutorials]

I’m glad my video helped you!

[@fialovybagr1587]

@@AndysTechTutorials So, now when i tried your method, i figured out, some components doesnt work sadly

[@AndysTechTutorials]

What’s the error message that you are seeing with the components that are not working?

[@fialovybagr1587]

@@AndysTechTutorials problem is there are no error messages, dev terminal in vs code is clear and browser terminal is clear also. This is for border beam component, it displays the div and the border, even the colorful part that should “orbit” around the border, but it stays on place and doesn’t move..

[@anshumannjs7876]

​@@fialovybagr1587 have you installed tailwind-animation

[@omkattarle8]

TNx bro :)

[@muthuisheree]

Thank you , I have been left with an option of going to typescript or leaving shadcn , which i dont like either. Thank you for this video

[@BrenoGabrieldeMeloLima]

Now that it's a great tutorial

[@trndsttr7585]

Perfect.

[@xdphantom8817]

but now the docs changed there are two config file, 1- tsconfig.json and another ts.config.app.json you gave the solution for first one what about the second one do i need to do the same just change the name to js ??

[@uranus-u3l]

I'm struggling wd the same problrm

[@afrithhussain3093]

@@uranus-u3l me also

[@the_unico]

Me too. Very buggy and outdated documentation

[@AndysTechTutorials]

I updated the documentation here: Hey @the_unico, I updated the documentation here: github.com/shadcn-ui/ui/pull/5820. Can you please try that and let me know if that works for you?

[@gabrielviera5313]

thanks buddy

[@BonsaiMagic]

THANKS!!!!

[@qhabibq9780]

thanks

[@bubee6891]

here is your like

[@phantazzor]

2 src file in your root ?

[@StaceyLust]

broo plsss can you chack the updated doc on shadcn and help me out with a comment or drop a new vid about this cuz i’m getting some really bad errors and it’s maddening

[@lou.later269]

so when you download the components via cli, do they come in as ts or js files?

[@AndysTechTutorials]

They will be a js file, specifically a jsx file!

[@tkyvgn19]

Andy I want to contact you for a job. Please

[@AndysTechTutorials]

Hi Ismael, you can contact me at [e-mail]

[@billionairem4fia]

that tsconfig suckss !

[@Qurutube]

It doesn't work now it jsconfig.app.json is also added into Shadcn/ui documentation that I have followed your vid but got no results