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

Getting started with Bulma

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 jsDelivr 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 5:

<script defer src=""></script>

Code requirements #

For Bulma to work correctly, you need to make your webpage responsive.


Use the HTML5 doctype

<!DOCTYPE html>


Add the responsive viewport meta tag

<meta name="viewport" content="width=device-width, initial-scale=1">

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="[email protected]/css/bulma.min.css">
    <script defer src=""></script>
  <section class="section">
    <div class="container">
      <h1 class="title">
        Hello World
      <p class="subtitle">
        My first website with <strong>Bulma</strong>!

bulma-start #

bulma-start is a tiny npm package that includes the npm dependencies you need to build your own website with Bulma.

Check it out

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

#native_company# #native_desc#

The official Bulma book! 😲

by Jeremy Thomas, creator of Bulma, Oleksii Potiekhin,
Mikko Lauhakari, Aslam Shah and David Berning

A step-by-step guide that teaches you how to build a web interface from scratch using Bulma.

Formats available:
PDF Epub Mobi


Features, releases, showcase… stay in the loop!