Learn CSS with 🎓 online interactive courses,📺 educational videos, and 🧑🏻‍💻project-building tutorials.
Download

Start Here

Features

Sass Tools

Customization

CSS Library

CSS Helpers

Sponsor

Route Planner and Route Optimizer

Alternative versions of Bulma

Use one of the pre-built alternative versions of Bulma

Because different people have different requirements, Bulma comes in different versions ready to use:

Version Prefix Usage Download
Complete
(Library + Helpers) 		None 
<section class="section">
  <div class="container has-text-centered">
    <h1 class="title">
      Hello World
    </h1>
    <p class="subtitle">
      My first website with
      <strong class="has-text-primary">Bulma</strong>!
    </p>
  </div>
</section>
bulma.css bulma.min.css
Prefixed bulma- 
<section class="bulma-section">
  <div class="bulma-container bulma-has-text-centered">
    <h1 class="bulma-title">
      Hello World
    </h1>
    <p class="bulma-subtitle">
      My first website with
      <strong class="bulma-has-text-primary">Bulma</strong>!
    </p>
  </div>
</section>
bulma-prefixed.css bulma-prefixed.min.css
Library Only
No Helpers 		None 
<section class="section">
  <div class="container">
    <h1 class="title">
      Hello World
    </h1>
    <p class="subtitle">
      My first website with
      <strong>Bulma</strong>!
    </p>
  </div>
</section>
bulma-no-helpers.css bulma-no-helpers.min.css
No Helpers, Prefixed
Library Only 		bulma- 
<section class="bulma-section">
  <div class="bulma-container">
    <h1 class="bulma-title">
      Hello World
    </h1>
    <p class="bulma-subtitle">
      My first website with
      <strong>Bulma</strong>!
    </p>
  </div>
</section>
bulma-no-helpers-prefixed.css bulma-no-helpers-prefixed.min.css
No Dark Mode
Light Theme Only 		None 
<section class="section">
  <div class="container has-text-centered">
    <h1 class="title">
      Hello World
    </h1>
    <p class="subtitle">
      My first website with
      <strong class="has-text-primary">Bulma</strong>!
    </p>
  </div>
</section>
bulma-no-dark-mode.css bulma-no-dark-mode.min.css

How to support Bulma

One-time donation

Browser testing via

Visit our Sponsors

Monthly donation

Become a sponsor
#native_company# #native_desc#
#native_cta#
Get started for Free
Get started for Free