Looking for a CSS framework that will allow you to rapidly build custom designs? Looking for a way to build, “designs without any annoying opinionated styles you have to fight to override?”
No, it’s not some dark magic. It’s Tailwind CSS and it may be right for you!
What’s Tailwind CSS?
As displayed on their homepage, “Tailwind CSS is a highly customizable, low-level CSS framework that gives you all of the building blocks you need to build bespoke designs without any annoying opinionated styles you have to fight to override.”
Huh?
Unlike other frameworks such as Bootstrap, Tailwind CSS is a low-level utility class that is actually coded into your HTML and gives developers the freedom to create custom designs quickly while writing little CSS code. The official documentation caught my attention by stating that Tailwind includes responsive variants that make it quick and easy to build responsive interfaces for any screen size.
Thoughts:
I have not had the opportunity to try out Tailwind CSS yet as I have only head about it last week. I am especially eager to look into now as pre-release notes are available to the public. The new release will feature CSS Transition, Transform and Grid support updates which I enjoy dabbling in when I play with CSS. It will be interesting to look into Tailwind CSS where I get to use some of these new utility classes and hopefully wont have to fight the style rules with overrides like I’ve done in the past with others. My only concern is that since the code is inserted into the HTML, I feel that the page’s markup could look a little busy with all the additional classes inserted.
Tech Thoughts | Carlos Robles 