Bulma vs. Skeleton Css , which is better?

Bulma Logo


Bulma is an open source CSS framework based on Flexbox and built with Sass. It's 100% responsive, fully modular, and available for free.

Skeleton Css

As mentioned above, Skeleton is a lightweight CSS framework (or boilerplate, if you prefer this definition) created by Dave Gamache. More specifically, it's two CSS files: the popular normalize.css file and the skeleton.css file.

Skeleton Css

Difference and similar



$ 0

Skeleton Css

Written in
  • html
  • css
  • sass
  • Css
  • Html
Price $ 0$0
Available language EnglishEnglish
Website bulma.iogetskeleton.com
CDN cdnjs.com/libraries/bulmacdnjs.com/libraries/skeleton
NPM Pakage npmjs.com/package/bulmaNo
Sass YesNo
Document bulma.io/documentationgetskeleton.com/#intro
Html YesYes
Javascript NoNo
Css YesYes

Bulma vs Skeleton Css reviews




Bulma is Simple amazing if your project is small sized and you just want “get shit done”.

It’s very simple and easy to use. And it looks amazing too.

The package is also very small, unlike bootstrap or others. The beauty is in it’s simplicity.

I have often found myself customising too much! And it’s a rabbit hole.

It has some flaws, there’s not much flexibility. You might end up writing some CSS.



Skeleton Css

Although Skeleton is usually called a framework, it is largely a boilerplate. There are no extensive components list, nor are there any custom jQuery integrations. You get a simple, no-frills boilerplate that you can later customize.


Jared Blasse


As I mentioned earlier, Bulma’s grid is fully built with Flexbox. Achieving flexible layout with same-size columns is as simple as adding .column class to your HTML element.

You can adjust columns to get different sizes by adding appropriate modifier to it eg. is-four-fifths, is-two-fifths, is-half etc.

Bulma is built with mobile-first approach, which makes every element optimised for vertical reading.


Bernd Prager


Bulma provides many great features like:

  • Flexbox based: Makes creating grid items and vertically aligned things really easy.
  • Responsive: Mobile first framework similar to Bootstrap
  • Well documented: This sounds like a boring reason but is so very important
  • Solid looking foundation: All the typography, buttons, tables, forms, and basic CSS goodies you'd expect
  • Tons of components: Comes with layouts, a vertical alignment level, and media objects
  • Modular: Built with Sass. Only import the features that you'll use for your project