You are viewing the deprecated 0.6.0 version of the website. Click here to view the latest version

Getting started

You only need 1 CSS file to use Bulma

There are several ways to get started with Bulma. You can either:

  1. use npm to install the Bulma package
  2. use the cdnjs CDN to link to the Bulma stylesheet
  3. use the GitHub repository to get the latest development version


Use NPM (recommended):

npm install bulma

Font Awesome icons

If you want to use icons with Bulma, don't forget to include Font Awesome:

<link rel="stylesheet" href="">

Starter template #

If you want to get started right away, you can use this HTML starter template. Just copy/paste this code in a file and save it on your computer.

<!DOCTYPE html>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Hello Bulma!</title>
    <link rel="stylesheet" href="">
    <link rel="stylesheet" href="">
  <section class="section">
    <div class="container">
      <h1 class="title">
        Hello World
      <p class="subtitle">
        My first website with <strong>Bulma</strong>!

This page is open source. Noticed a typo? Or something unclear? Improve this page on GitHub

Bulma Partners

Check out their products!

Bulma Newsletter

Get notified when v1 is ready!