Bulma is a free and open source frontend CSS framework based on Flexbox. It contains HTML and CSS-based design templates for typography, forms, buttons, tables, grid systems, navigation and other interface design elements.


  • 100% Responsive.
  • Modular.
  • Modern.
  • Free (Source code on GitHub).
  • growing community.
  • Easy to learn.
  • Quick Customization.
  • No JavaScript Required

Getting started

There are three ways for you to start using Bulma. You can use npm to install the Bulma package (recommended), you can link the Bulma stylesheet via CDN or you can clone the GitHub repository of Bulma to get the latest development version.

Using NPM

Just type the following in your terminal:

$ npm install bulma

Using a CDN

Take one of the links from this page and embed them in your project.

GitHub Repository

Clone the Bulma repository

Contributing to the Guide

This open source guide is curated by thousands of contributors. You can help by researching, writing and updating these articles. It is an easy and fun way to get started with contributing to open source.