How to install Bulma

Create your own theme with a simple set of variables

Get the Bulma CSS file

A single .css file that includes all of Bulma

Recommended Option 1. Use a CDN

You can import the CSS file directly from jsDelivr:

@import "https://cdn.jsdelivr.net/npm/[email protected]/css/bulma.min.css";

<link
  rel="stylesheet"
  href="https://cdn.jsdelivr.net/npm/[email protected]/css/bulma.min.css"
>

The RTL version is also available:

@import "https://cdn.jsdelivr.net/npm/[email protected]/css/bulma-rtl.min.css";

<link
  rel="stylesheet"
  href="https://cdn.jsdelivr.net/npm/[email protected]/css/bulma-rtl.min.css"
>

Bulma is also available via cdnjs.

Option 2. Download the Github release

You can get the latest Bulma release as a .zip from GitHub:

Get the Bulma Sass library

A collection of .sass files to build your own version of Bulma

Recommended Option 1. Install the NPM package

Bulma is available through npm:

npm install bulma

yarn add bulma

Bulma is also available via cdnjs.

Option 2. Clone the GitHub repository

Bulma is available on GitHub:

git clone [email protected]:jgthms/bulma.git

git clone https://github.com/jgthms/bulma.git

gh repo clone jgthms/bulma

Note that the GitHub repository also includes this documentation, so it’s significantly bigger than the NPM package.