Should You Use Tailwind CSS?

Tailwind CSS is the most popular utility CSS framework, but should you use it? In this video I talk about what Tailwind CSS is, when it is useful, and if you should use it instead of Bootstrap or normal CSS.

📚 Materials/References:

🌎 Find Me Here:

⏱️ Timestamps:

00:00 - Introduction
00:19 - What Is Tailwind?
01:31 - Tailwind Gives Flexibility
02:35 - Adhoc Styles
03:46 - Tailwind Imposes Design Limitations
04:41 - Tailwind Is Easy To Customize
05:43 - Tailwind Negatives

#TailwindCSS #WDS #Tailwind

[evansgate]

First project I got autonomy over I both introduced React and Tailwind CSS to our tech stack. I had little to no experience with both, and after a few months I can say I’d gladly work with both again in a heartbeat. I was always fairly good with CSS, so that helped

[MsMaciek]

I really like your videos. I remember when I started programming in NodeJS. I was thinking of zoom/discord clone for school (by using WebRTC or smth) so they don't have to use bad optimalized microsoft teams. Recently I watched your video about login/register page in nodejs. That all helped me to learn nodejs a lot. Thanks for your great videos, i wish you more subscribers.

[AlleyDev]

I built my last react project with tailwind and once I got used to it, I found it fantastic. So quick to get things styled.

[flikkr]

The timing couldn't be better, I literally just started looking into Tailwind tonight!

[adityashukla]

Bro you're like Google. You just drop the thing I'm thinking about and always at the right time.

[tomi.mocnik]

Started using it couple days back (coming from vuetify and material UI) and I just love it. The speed I can build the UI is shockingly fast.

[etiennebruines]

I like using the apply-directive to create my own button-classes using Tailwind. I tried using Vue-Components to achieve the same, but that just does not work well beyond buttons. This way I can still stick to the classes defined by Tailwind, but "combine" them into my own .button or .input classes to ensure uniformity across the app.

[DanielWitch]

Nice video! I’ve been using tailwind for a side project recently and I fell in love with it. I was looking for something NOT bootstrap and material UI is just not my thing.

[andrillaf]

I didn’t realize there was something like this! I didn’t enjoy Bootstrap, so I actually went and made my own presents css, in the same way Tailwind works. This helps a ton!

[corbbing]

This was a great video, and it helped me understand exactly what Tailwind was really about. I rarely like videos or leave comments thanking people, but I did on this one.

[re.liable]

Maybe I'll eventually take a look at Tailwind, but I'm more used to "component" libraries, so I kinda want to stick with Bootstrap for now. Its utility classes have also been sufficient for me so far. I want the project to compile with only the needed classes though, I think there's a tooling for that.

[kettenbach]

I built Kyle's hair using only CSS ☝️😀

[BrantK]

Hey Kyle, what do you think about Material UI? I think learning that and Tailwind CSS would be ideal. One gives you the possibility to customize as much as you want, the other gives the ability to design a UI on the fly.

[sprtlife]

Great and simple explanation. Exactly what I was looking for. Thanks!

[irlonterblanche]

Great video Kyle. I've been using Bootstrap, but it sounds like Tailwind is the way to go for my needs. Thanks!

[ZubairAhmed]

I would recommend :
1. master CSS and Flexbox
2. get used to a component-based framework (eg. React)
3. make your life easier with Tailwind to create your components

[andyackon]

first time watching a video of you talking with emotions and am happy to see that i watch the whole things smiling...

[zakuguriin]

Tailwind 3.1 seems pretty legit. Being able to use the square brackets to modify your own custom css is really powerful. It was a feature in one of the older versions, but required you to put a special "jit" feature in your configuration file.


@layer components {
.myClass {
@apply p-5 h-10 mx-[50px]
}
}

[ArifRahmanHakimCethol]

Hi, thanks for clear explanation. I want to ask one question, if i already use one ui framework, let's say bootstrap or material ui, can i combine all of those ui framework with tailwind? what is your opinion?

[codeaccuna]

Just In Time compiler coming in hot to add edge cases without bulding all directives, all pseudoclass utilities and speed. People be complaining about the extra markup; yet, they do not realize the massive flexibility. Plus anything tailwind labs touches is gold. Headless UI and heroicons are great examples