Repolode
Submit
jgthms

jgthms/bulma

Bulma is a modern CSS framework built on Flexbox, providing a single stylesheet of ready-made components and layout classes with no JavaScript.

Open-source alternative to:BootstrapTailwind CSS

View on GitHubWebsite
Stars
50,037
Forks
3,870
Open issues
532
Last commit
last month

What is it?

Bulma is a CSS framework based on Flexbox. Its only output is a single CSS file that you can use as-is or customize by downloading the Sass source and changing its variables. It can be installed through npm, Yarn or Bower, or loaded from a CDN.

Bulma includes no JavaScript. It is purely a style layer, so it works with any framework or none, and developers bring their own scripting for interactive behavior. Browser support targets recent versions of Chrome, Edge, Firefox, Opera and Safari, with autoprefixer handling Flexbox compatibility for earlier versions; Internet Explorer 10+ is only partially supported.

The project has an ecosystem of community wrappers and themes, including integrations for React, Vue, Svelte, Angular, Django and Rails.

Key features

  • 01Flexbox-based layout system
  • 02Ships as a single CSS file with no JavaScript dependency
  • 03Customizable through Sass variables
  • 04Installable via npm, Yarn, Bower or CDN
  • 05Autoprefixer support for broader browser compatibility

Use cases

  • Styling a static website or landing page without writing CSS from scratch
  • Adding a consistent UI style to a server-rendered app in Django or Rails
  • Building a custom theme on top of Bulma's Sass variables
  • Pairing a visual layer with a JavaScript framework such as React or Vue

Quick start

  1. 1

    Install Bulma from npm

    npm install bulma
  2. 2

    Import the CSS file into your project

    @import 'bulma/css/bulma.css'

Things to know

  • Bulma is CSS only and includes no JavaScript, so interactive components need your own JS.
  • Internet Explorer 10+ is only partially supported.

Topics

#css#css-framework#flexbox#sass#frontend-styling#responsive-design#design#html

FAQ

What is bulma?
Bulma is a modern CSS framework built on Flexbox, providing a single stylesheet of ready-made components and layout classes with no JavaScript. Bulma is a CSS framework based on Flexbox. Its only output is a single CSS file that you can use as-is or customize by downloading the Sass source and changing its variables. It can be installed through npm, Yarn or Bower, or loaded from a CDN.
Is bulma free to use? What license does it have?
bulma is open source under the MIT license. Check the license terms before using it in commercial products.
Is bulma still maintained?
Updated within 6 months. The last commit to bulma was on Sep 21, 2026.
What can I use bulma for?
Styling a static website or landing page without writing CSS from scratch Adding a consistent UI style to a server-rendered app in Django or Rails Building a custom theme on top of Bulma's Sass variables Pairing a visual layer with a JavaScript framework such as React or Vue
How do I install bulma?
Install Bulma from npm: npm install bulma Import the CSS file into your project: @import 'bulma/css/bulma.css'
Where can I get bulma?
The source code and installation instructions are on GitHub: https://github.com/jgthms/bulma

Summary generated by AI from the project's README. GitHub stats refresh daily.

Related projects