DEV Community

Cover image for Bulma - The Most Underrated Framework of the CSS Framework Era
Aashir Khan
Aashir Khan

Posted on • Edited on • Originally published at justaashir.com

Bulma vs Bootstrap Bulma - The Most Underrated Framework of the CSS Framework Era

Everyone was using a CSS Framework to simplify their work and save their time, Bootstrap was and is King Right Now of the Frameworks Market. Every Institute, Almost Every Tutorial on YouTube was using Bootstrap, Developers were not learning Fundamentals of CSS and using Bootstrap. I was also a beginner at that time, I learned HTML and CSS from W3schools and Lynda. Then I used a lot of floats to make web pages, and kinda like the way.


Responsive Design was my next goal, so CSS Framework was the Easiest way for Responsiveness, I tried to read docs and watched Bootstrap Videos but Bootstrap terrified me with lots of classes and inconvenient naming, and I didn't like to use bootstrap cause I think every website using Bootstrap looks quite similar it also applies styles on element as defaults, I tried two or more times but didn't get Bootstrap in my mind, so I found some alternatives like Foundation and Material, but they were just like Bootstrap. I just wanted to make my site Responsive, and then I found the video of Brad Traversy Skeleton CSS


I loved Skeleton CSS but now their devs are not updating it, its not based on CSS grid or Flexbox. There were some confusions in it, and then I found Bulma , I was just using YouTube as usual and then I came to Bulma.css Tutorial Video tagged “The Easiest Framework You can learn in 20 minutes”, Hmm I watched it and it really changed my life, It was really the easiest framework, even you don't have to remember the classes and there are some of the advantages :

  • No default Styling
  • Powerful Flexbox Grid
  • Small Size in Kbs
  • Reusable and You can modify Sass
  • No Javascript only CSS
  • Reusable Components

I am Kinda Obsessed with Bulma(I think) But You can give it a try.
This is my First Post BTW, You can Follow me on Twitter 😉 https://www.twitter.com/justaashir

Latest comments (55)

Collapse
 
fmp777 profile image
William

I agree Bulma is great! I love it so much been rebuilding Bootstrap into Bulma over time. I've tinkered with Tailwind, and I can see its allure, but honestly, I love clean code and tailwind produces absolute madness in html. I feel like I would have to make an IDE to cleanup tailwind mess so i can see my html again. I prefer a somewhat opinionated CSS Framework, whereas with tailwind, I feel like I should just write my own CSS for a more organized approach.

I totally understand why Tailwind is on the rise, but its Bulma that has my heart now

Collapse
 
justaashir profile image
Aashir Khan

Haha, I'm the author here :)
I broke up with bulma, since mid 2020 I think and joined the tailwind boat. It's addictive, I can't imagine things I built with it. I couldn't have built it with bulma or custom css (it would've been too much media queries and css e.t.c)

But I've been with bulma for 2 years, and It was an awesome time.

Collapse
 
darkbotbbl profile image
Gabriel Rockson

I'm gonna get my hands dirty with bulma because of this post

Collapse
 
justaashir profile image
Aashir Khan

Hahaha, great. It's my very first post, and it brings me memories every-time. I was in love with Bulma at that time. Now it's tailwindcss

Collapse
 
coisox profile image
Aizal Manan

Bulma is good; got datepicker, timepicker, datetimepicker (which super hard to find on other framework). My only problem with Bulma is the documentation.

For example, does Bulma offer something like "pt-0"? How to search the documentation? I have to use google to search for specific component features. Sometimes I search inside the "bulma.css" to know whether I should introduce my own class or can reuse existing class.

Unlike Bootstrap with its fast build in search (and keyword friendly too). So at the end, what makes a framework good is its documentation and tons of external tutorial or samples.

Collapse
 
justaashir profile image
Aashir Khan

Hi, Aizal... You're absolutely correct.

Time changes, as opinions, I wrote this post 6 months ago and since then I've used Bulma a lot, and when you use it a lot, you will start finding the complications and I found a lot of downsides including padding-margin utilities and there is little to no documentation on making 'title' 'subtitle' or many other classes responsive. There are lots of other things as well that made me hate Bulma a lot.

I just tried TailwindCSS and It's super-perfect, for everything... I regret that I used Bulma for our SaSS application that ended being a mess of custom SCSS with margin-padding functions and media queries.

It made me compromise with my creativity, So I highly un-recommend Bulma now.

Check the TailwindCSS pen here, I can't imagine creating it with Bulma: codepen.io/justaashir/pen/mdeeKbz

Collapse
 
syntaxsofts profile image
SyntaxSofts Solutions

No wonder Bulma is a great CSS framework! We have started using it in most of our sites, including our blog site blogs.syntaxsofts.com, as it is easy to use and understandable.

We have also published a blog on why we chose Bulma as our primary choice of CSS frameworks. Read it here - blogs.syntaxsofts.com/displayBlog/...

Collapse
 
justaashir profile image
Aashir Khan

Thanks for sharing this,
Bulma is great 😁.

Collapse
 
rhymes profile image
rhymes

Built two sites on Bulma. Really liked it!

Collapse
 
opticalminds profile image
Miles Pedro

Thanks for sharing #africa

Collapse
 
bryanaim profile image
Brian Isale

I Might as well give it a shot!

Collapse
 
frankfurterx profile image
qurus

I can say I tried all those mentioned frameworks. Actually for me right now tailwind CSS is the king of css frameworks. All I need included. Worth a try.

Collapse
 
ali_dot_ali profile image
Ali Ali

Buddy
Foundation and Boostrap also good.

But why you rely on Frameworks. Write code from scratch. Man

Collapse
 
justaashir profile image
Aashir Khan

Yep , but what about DRY principal?

Collapse
 
lewiskori profile image
Lewis kori • Edited

I came across bulma last week and book marked the page for later.
Was thinking of using it for my next project in vue.
You Just gave me the push I needed