Easily Set Up Tailwind CSS with Vanilla JavaScript in 10 Minutes

It only takes a few minutes to set up Tailwind CSS with Vanilla JavaScript! You've probably used Tailwind CSS with a framework like React or Vue, but have you ever used it with Vanilla JavaScript? In this video, we'll walk through how to easily set it up!

_____________________________________________

Newsletter 🗞
Interested in exclusive content and discounts? 🤯 Sign up for the newsletter!
_____________________________________________

Connect with me 😀
_____________________________________________

COURSES 💻

[arniyhjs]

This has to be best video out there on tailwind setup for vanilla HTML
Thanks James really appreciate.

[arielspalter]

Thanks for the tutorial. I only heard of Tailwind but never worked with it. But, man, is this such a cumbersome setup....

[dsadecoded]

so far the best video on tailwind installation on youtube :)

[noopurp]

Yes Sir, more TailwindCSS please. BTW any trick to get rid of the @tailwind directive warning in the CSS file in VS Code?

[ngonimugumwa]

Hey James! Great video!

Mind me asking which theme you’re using here?

[mayanksaxena]

i am using tailwind css with next js but when i deploy my website the tailwind css not working it do not get pplied in my website how to solve

[blackpro]

Could you please tell the camera model, lens and mic you use?

[ceocodes]

How do I get the rotating courser thing

[shariquekhanoriginal]

3:34 whats 731.8k (gzipped:91.2k) file size? Which extension?

[rajmohans]

"watch `npm run build` ./dist" not working for me. there is no folder named dist. no such file or directory,

[davejones]

absolute nightmare tailwind to setup. i've followed every video on installing this and it's hopeless. Followed your instructions exactly.

[noopurp]

One quick suggestion:

_const purge = process.env.NODE_ENV === 'production' ? true : false_

can be transformed into

_const purge = process.env.NODE_ENV === 'production'_

[BlenderHelixAlpha]

I'm not sure what this has to do with using JS and tailwind at the same time but thank you

[programmercouple]

You have mastered the art of creating Thumbnails

[ericzorn]

Hey, what theme are you using? Looks cool. Also, this is amazing

[areyousureyouareawake]

Yeah, it works, but what is the point of it, if i cannot use tailwind JS?

[bryanltobing]

what font that you used in your vscode? great video and explanation btw

[rohitjadhav]

Why not just use vite it is great for setting up boilerplate and then we can setup tailwinds

[justingiovanetti]

How is this vanilla js? Vanilla js is a blank html file with a script tag. You rattled off like 5 different dependencies, along with entire npm setup.

[iiPumpkin]

npx tailwindcss -o tailwind.css --watch