Finding the right balance between Bootstrap and Tailwind CSS

Bootstrap is one of the most popular CSS tools. I’ve been using it since the beginning. Super easy to customize and scale.

For some time now, Tailwind did an awesome thing. Adam (the creator) managed to make utility classes very popular. It even became a new way of building interfaces right in the HTML.

However, utility classes have been around us for quite some time. Bootstrap introduced them long before Tailwind was a thing. The only thing is that the team didn’t put the effort to show some good practices around these. Correct me if I’m wrong.

IMO Keeping separated the css from the html is a good practice. Using utility classes to extend the default style in the html instead of creating additional styles is another great practice.

I think that finding the right balance between component css styles and utilities is something we need. I know I do.

This is why I created a CSS tool based on Bootstrap 5, including a generous list of utilities and an extended stylguide for managing colors, typography, spacing and more.

I published it on GitHub a few days ago. I hope it got your attention. If you think something good could come out of this, let me know and share the project