13
0 Comments

Is TailwindCSS #1? šŸ†

Have you ever taken a look at the long list of CSS frameworks? I’m sure you probably have. It might make you wonder, ā€œThere’s so many to choose… How do I pick one?

Let see if this image helps. ⬇

Screenshot

It’s a screenshot I took of the results for a poll I posted recently on Indiehackers. I asked tons of developers this question:

šŸ¤” CSS frameworks... which is #1?

The poll had 250+ votes at the time of this writing.

So without further ado, let’s start analyzing this data!

#3: Bulma

With 12% of the votes, Bulma comes in 3rd. What is Bulma? It’s a open-source CSS framework based on flexbox.

Bulma logo

Bulma operates off of only one CSS file. If you want to customize the variables further, you can download each of the SASS files for customization. I talk more about SASS variables in a previous issue.

On Indiehackers, @JaredMoats says why he loves Bulma:

Bulma is much more lightweight and less "opinionated" than Bootstrap. You can build a frontend very quickly with it, and it's easier to customize.

I will definitely have to try Bulma out for a future landing page after seeing the great reviews.

#2: Bootstrap

Yep, I’m sure you’ve heard of this one.

Bootstrap logo

Bootstrap is a great way to create MVPs, quick mock ups, and websites faster than from scratch. It’s very simple to use and quick-to-setup. Bootstrap has gotten a love over the past years and is still at the top of the rankings.

Even better, Bootstrap 5 alpha is live and fresh with a brand new look.

I am loving it! šŸ‘

It also comes with a great theme marketplace and plugins for developers.

#1: TailwindCSS

With over 130 of the 259 votes, TailwindCSS takes the #1 spot! šŸ†

Tailwind logo

TailwindCSS is a utility-first CSS framework for creating fast with ease. It already comes with the building blocks you’ll need to make your website.

You can use premade classes like text-gray-600 and justify-start to easily customize your plain HTML code.

@michaelbrooks says:

It gives you way more control over Bootstrap, and you mostly don't need to worry about overwriting classes in your CSS. Utility design is getting popular, to a point where Bootstrap are going in the direction for their latest version.

If you haven’t tried it out yet, I suggest you do. It is quite a jaw-dropper 😲 for how easy it is to use.


This story is an extract from The BuildFaster Update.

Subscribe for more awesome content like this!

on August 16, 2020