1. You never have to touch another CSS file again.

Ironic. The fundamental philosophy of Tailwind is pre-defined utilities. Long story short, you use classes with predefined CSS to style your HTML. However, you do have long class names, which is a downside I am ready to bear.

2. Enormous color palette.

Think of your website as art. If you were a painter, wouldn't you want all the colors at your disposal? I know that Bootstrap and MUI now have a more comprehensive range of color palettes. But, Tailwind did it first. More importantly, Tailwind does it best. Why? Because of utility classes. Refer to reason number 1.

3. It only compiles what it needs.

It is optimized for production. The smaller the CSS file, the faster it can be cached. There’s also Just-in-Time mode or JIT. You can read the documentation here; it explains better. But basically, it compiles CSS on-demand.

4. It’s completely customizable.

Not that you couldn’t customize with Bootstrap, you could. But after jumping through, how many hoops? Tailwind does everything SASS does under the hood, so you do not even need to know SASS principles fully, such as Nesting, Partials, and Variables.

5. Great documentation.

This one is self-explanatory. But I’ll explain anyways. The documentation uses Algolia for its search function, so everything is smooth. By hitting CTRL + K, you activate a command palette that scours the documentation conveniently for all of your inquiries. Tailwind is not recommended for beginners because you need to know CSS fundamentals to ask the right questions. They also have a great Youtube channel.

This is not a sponsor (I wish it were). Another thing that I will add is that Tailwind makes me look like I know how to design when I don’t. The rounded edges are just rounder, the white space has more impact, and if you’re consistent with your margins, that is more than half of the battle, Tailwind will do the rest.

I could go on more, but I am not.