OSS TanbouOn this page
Overview
build the UI layer with CSS classes, Sass, and CSS Variables without bundled JavaScript
Features and best fit
Based on official documentation; not hands-on tested · Content checked:
Key features
Key characteristics
build the UI layer with CSS classes, Sass, and CSS Variables without bundled JavaScript
Sources: [1]
Best fit
Good fit for
A comparison candidate for Web Frameworks, CSS, Frontend, npm use cases. Check the official README and installation instructions for exact fit and requirements.
Before adoption
Check before adopting
The registered primary language is CSS and the license is MIT. Verify version-specific runtime requirements, breaking changes, and additional dependencies in the official README and latest release notes.
Sources: [1]
Official sources
- [1]jgthms/bulma — GitHub(2026-09-15)
Supplemental curator note
Bulma is a CSS-only framework and does not ship interaction JavaScript for components such as navbar burgers or modals. Version 1 is a Dart Sass rewrite with expanded CSS Variables and theming. The GitHub 1.0.4 tag still reports 1.0.3 in package.json, while the release and current main report 1.0.4.
Try it in 3 steps
- 1
Install Bulma 1.0.4 in an isolated project
Pin the published package to 1.0.4 in a temporary project.
demo=$(mktemp -d "${TMPDIR:-/tmp}/bulma.XXXXXX") && cd "$demo" && npm init -y >/dev/null && npm install --save-exact bulma@1.0.4 - 2
Create minimal HTML that loads Bulma CSS
Use only Bulma classes to style a section, container, and button without any JavaScript dependency.
printf "%s\n" '<!doctype html>' '<html><head><link rel="stylesheet" href="./node_modules/bulma/css/bulma.min.css"></head>' '<body><section class="section"><div class="container"><button class="button is-primary">Hello Bulma</button></div></section></body></html>' > index.html - 3
Verify CSS Variables and component rules are present
Confirm the prebuilt stylesheet includes v1 CSS Variables and component rules.
grep -q -- "--bulma-primary" node_modules/bulma/css/bulma.css && grep -q ".button" node_modules/bulma/css/bulma.css
Growth
Growth trends · Last 30 days
50,053 Stars
Trend data is still being collected.
Built with
Categories and tags
Categories
GitHub data
GitHub dataView detailed GitHub data
GitHub Topics
- css
- css-framework
- design
- flexbox
- html
Related information
Write a related articleShare a guide or use case for this OSS in Markdown. Articles are published after administrator approval.
Explore next
- modern-normalize7,417 Stars
3 shared tag(s)
keep base-style normalization small by targeting modern browsers only
TypeScript - Spectrum CSS1,290 Stars
3 shared tag(s) · 1 shared category(s) · Same language
implement Adobe Spectrum with design tokens and independently versioned CSS components
CSS - Bootstrap174,991 Stars
3 shared tag(s) · 1 shared category(s)
Build responsive interfaces from a CSS/Sass grid, utilities, components, and native JavaScript
MDX - Primer CSS13,028 Stars
3 shared tag(s) · 1 shared category(s)
use GitHub's design language through SCSS modules and utility/component classes
SCSS - Linaria12,350 Stars
3 shared tag(s) · 1 shared category(s)
keep CSS-in-JS authoring while extracting styles to static CSS at build time
TypeScript - Panda CSS6,208 Stars
3 shared tag(s) · 1 shared category(s)
scan type-safe style definitions and generate design-token-driven atomic CSS at build time
Rust
Report incorrect information
Tell us if any listing information is incorrect or outdated.