Show HN: Material Tailwind – open-source React components

> Wish someone would explain to those of us not as deep in the trenches why that is!

Here's a few advantages that I've found from using it in the trenches:

- All HTML you write with HTML is truely portable, with no implicit dependencys on global classes (besides tailwind.css). All tailwind classes are utility classes, which don't have weird side effects.

- This also means you can copy/paste tailwind HTML into projects easily, and there's many sites you can just copy HTML from and it works!

- It doesn't obfuscate the underlying CSS, it simply shortens the boiler plate.

    style="display: flex; align-items: center;"

Becomes

    class="flex items-center"

This also has the benefit of teaching you the underlying CSS. Where other CSS frameworks like bootstrap actually abstract CSS into complex classes and hierarchy's, that you have no idea what's actually being applied.

- Finally, it's fast to develop, as you don't need to shift from HTML to CSS all the time. After a while you can work blazingly fast, creating components and annotating them with classes.

Anyway, that's my take, I like the concept and am glad it's taking off in industry!