Bulma is an open source CSS framework based on Flexbox and built with Sass. It's 100% responsive, fully modular, and available for free.
Bulma vs. Skeleton Css , which is better?
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.
Difference and similar
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.
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.
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.
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