Bulma
A CSS framework built on Flexbox that gives you styled layout and UI classes.
- Stars
- 50k
- Forks
- 3.9k
- Licence
- MIT
- Language
- CSS
- Last update
- 2 months ago
- Type
- Library
What it is
Bulma is a CSS framework based on Flexbox. It ships as a single CSS file with ready-made classes for layout and common interface elements, so you can style a web page without writing much custom CSS. It contains no JavaScript, so you add your own scripts for any interactive behavior.
- Build a responsive page layout using Bulma's Flexbox-based columns and containers
- Style forms, buttons, and navigation bars with ready-made classes
- Create a custom theme by changing Sass variables and compiling your own build
- Add Bulma styling to an existing Django, Rails, or Vue project using a community integration listed in the README
Great for
- Developers who want a quick, consistent styling baseline for a web page
- Projects that already have their own JavaScript and only need a style layer
- Teams that want to customize styles through Sass variables
- Developers working with Vue, React, or other frameworks who want Bulma-based component libraries
Not ideal for
- People who need interactive components like modals or dropdowns out of the box, since Bulma has no JavaScript and you must supply it
- Projects that must support Internet Explorer fully, since the README says IE 10+ is only partially supported
- Teams that want a heavily opinionated design system with a fixed look, since much of the appearance is meant to be customized
How to get it
- 1
Install with a package manager
Install with npm
npm install bulmaInstall with Yarn
yarn add bulma - 2
Run it
- Install Bulma with npm or Yarn, or load it from the jsDelivr CDN
- Import the CSS file into your project, for example with @import 'bulma/css/bulma.css'
- Add Bulma class names to your HTML elements
- Open the page in a browser to see the styles applied
- 3
Get the most out of it
- Download the Sass source files and change the variables to customize colors and sizing
- Read the online documentation at bulma.io for the full list of classes and components
- Use community projects listed in the README, such as Bulmaswatch for themes or framework-specific component libraries
- Use the Bulma Customizer linked in the README to build a tailored version
Downloads
Strengths
- Based on Flexbox, with a single CSS file as its output
- No JavaScript included, so it does not force a particular JS environment
- Customizable through Sass source files and variables
Trade-offs
- Browser support is limited to recent versions of major browsers, with only partial support for IE 10+
- Interactive behavior must be written or added separately
- The README notes the project is in constant development, so details may change between releases
How it compares
| Project | Stars | Type | Level | Updated | Best for |
|---|---|---|---|---|---|
| bulma (this) | 50k | Library | beginner | 2 months ago | Developers who want a quick, consistent styling baseline for a web page |
| bootstrap | 175k | Library | beginner | 4 days ago | Developers building responsive websites or web app interfaces quickly |
| tailwindcss | 98.3k | Library | intermediate | 4 days ago | Web developers who build their own interfaces and want to avoid writing large custom stylesheets |
| milligram | 10.2k | Library | beginner | 2 months ago | Developers who want a light starting point for a simple website or prototype |
| materialize | 38.8k | Library | beginner | 3 months ago | Developers building a web page or app who want a Material Design look quickly |
| tachyons | 11.7k | Library | beginner | 4 months ago | Developers who want to prototype or build a UI quickly with plain HTML or a component framework |
Stats synced from GitHub. The assessment above was drafted with AI from the project's README on 2026-10-29 and may miss recent changes — check the README before relying on a command. MIT licence: free to use, modify and distribute, including commercially, as long as you keep the copyright notice.