Tutorial: Add Tailwind CSS to Angular in under 3 minutes!

In this tutorial, I will show you how to add TailwindCSS to your Angular application using @ngneat/tailwind.

0:00 Introduction
0:10 Installing @ngneat/tailwind
0:49 Restarting the dev server
1:12 Using Tailwind in our template
1:56 Review the repo
2:03 Installation instructions, also for Nx Workspace
2:20 Purge mode
2:33 Outro

Feel free to ask any questions in the comments, or share any useful timestamps I can list here!

#BEEMANDEV #ANGULAR #TAILWINDCSS #NGNEAT

[beeman-dev]

While making this video I encountered a bug in the library 🐞 🙈

Can you spot what it is?

[patriciovargas]

this is no joking the best video I have seen on video. The amount of quality content in such a short video is crazy!

[JagdishChoudhary]

Your IDE? and what is the extension to get tailwindcss Class name in HTML?

[microwavecoffee]

it's not working for me, idk if its my mistake

[Billiam]

Hey Beeman! Long time no see! :) Would you know how to set tailwind up with angular in an nx workspace? Would be great to see if so! Best wishes from Sweden!/ Bill

[RuslanGonzalez]

Oh my Gosh, what quality! Nice video and production!

[cr]

i am getting
this after ng serve
Schema validation failed with the following errors:
Data path "" should NOT have additional please Help

[zoltanm]

I noticed you call ' : ' semicolon (01:22 & 2:14), whereas I thought it's called colon, and ' ; ' is called semicolon.

[keivansahebdel]

So Why do others bother installing Tailwind so much?!!

Is it really that simple? :))))

[harvanchik]

How do I also make it minify the css and add autoprefixes?

[dearvivekkumar]

Will @apply directive work in scss too?