How to Setup Shadcn UI using Javscript, Vite, and React | 2025

[@Adarsha3]

Great! Finally a Tutorial that works, Thanks man.

[@mahfuzzayn8]

Thanks a lot brother! You literally helped me! Shad is just giving typescript ones in docs, But I wantd React + Javascript. You helped me!

[@titoboyabunda4763]

thanks bro i been looking out for this video xD

[@shubhrajit2117]

Use tailwind version 3 as the syntax has changed in v4

[@kofiboahen2156]

perfect

[@shreyasjadhav3653]

Hey, can you please help me? I’m getting an error when running the command: npx tailwindcss init -p

[@optipwr40]

It looks like the tailwind.config.js may need to be updated to leverage ES modules instead of require syntax. Also it seems the default app.jsx renders all wonky now if you keep the default code. However the button component looks good if you remove all the boilerplate. Curious if anyone else experienced this. It seems the shadcn docs don't get you fully ready for dev. example code: import tailwindcssAnimate from 'tailwindcss-animate';

[@freeyourmind7538]

0:20, i question the trend of Shadcn, i mean, why not just make documentation for JS too? This lack of attention makes me not want to use it 🤷🏾‍♂

[@jam-ss2jc]

facing error with this npx tailwindcss init -p npx tailwindcss init -p npm error could not determine executable to run npm error A complete log of this run can be found in: C:\Users\PRAKH\AppData\Local pm-cache\_logs\2025-01-24T19_29_34_979Z-debug-0.log

[@jam-ss2jc]

Please help

[@sahilrai8977]

@@jam-ss2jc same here did you find any solution bro?

[@androidsociety4312]

tailwind version 4 has launched where the syntax has changed, so you need to use npm install -D tailwindcss@3.4.17 postcss autoprefixer

[@sahilrai8977]

@@androidsociety4312 thanks bhai

[@shadmanshahriar2722]

Getting an error in jsconfig.app.json where it says “No inputs were found in config file '/Users/shadman/311ProjectFolder/frontend/jsconfig.app.json'. Specified 'include' paths were '["**/*"]' and 'exclude' paths were '[]'.ts “

[@TBirre]

exact same, found any solution?

[@AndysTechTutorials]

Hey there, can you show me what your code looks like for your jsconfig.app.json file?

[@qaushqestaj]

Same here

[@qaushqestaj]

@@AndysTechTutorials { "compilerOptions": { "baseUrl": ".", "paths": { "@/*": ["./src/*"] } } }

[@shadmanshahriar2722]

@@AndysTechTutorials looks like just the same @quashqestaj provided