# jgthms/bulma

Modern CSS framework based on Flexbox

Repository: https://github.com/jgthms/bulma
Canonical: https://ross.abutalabs.com/products/bulma
Homepage: https://bulma.io
Language: CSS
License: MIT
License Family: permissive
Topics: css, html, flexbox, css-framework, design
Last push: 2026-03-01T20:13:02+00:00

## Health v2 (maintenance only)
Score: 57/100 (v2, computed 2026-09-03T02:20:16.233290+00:00)
- activity 70, release rhythm 16, longevity 100
- inputs: {"age_days": 3875, "days_push": 185, "days_rel": 501, "gap_med": 112, "n_releases_24m": 2}
- flags: none
- formula: round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)

## Adoption (not part of the score)
Stars 50060, forks 3883 (observed 2026-08-28T04:12:11.712088+00:00)

## What it is
Bulma is a free, open-source modern CSS framework based on Flexbox and CSS Grid, providing ready-to-use frontend components via a single CSS file. It contains no JavaScript, making it environment-agnostic, and is customizable through Sass variables and CSS variables with built-in dark mode support.

## Use cases
- style a responsive website without writing custom CSS
- build a web UI with pre-made components like navbars, cards, and modals
- add a CSS framework to a Rails or Django app without JS dependencies
- create a mobile-first responsive layout with columns and grid
- customize a theme with Sass variables or CSS variables
- add automatic dark mode to a website
- replace Bootstrap with a Flexbox-based alternative

## When to choose
- you want a CSS-only framework with no JavaScript imposed
- you prefer semantic class-based components over utility-first CSS like Tailwind
- you need easy theming via Sass or CSS variables
- you want a mobile-first responsive grid and component library

## When to avoid
- you need built-in interactive JavaScript components like dropdowns or modals out of the box
- you prefer a utility-first CSS approach
- you need to support Internet Explorer fully

## Facets
- artifact type: framework
- maturity: stable
- function: css-framework, ui-components, theme
- domain: web-development, frontend, web-design
- platform: cross-platform
- tags: flexbox, sass, responsive-design, dark-mode, css-variables, no-javascript, mobile-first, web-server

## Member repositories
- jgthms/bulma (main) score 57

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:12:11.712088+00:00.
- Health v2: computed from the inputs above; adoption is never an input.
- Inferred fields (summary, facets, guidance): AI-extracted, prompt v1, taxonomy v1, on 2026-08-29T16:20:01.751830+00:00, confidence not recorded.
  - readme: https://github.com/jgthms/bulma (fetched 2026-08-28T04:12:11.712088+00:00, sha da9116b236ff)
  - homepage: https://bulma.io (fetched 2026-08-28T18:12:33.792022+00:00, sha 037c96a9525f)
  - site_page: https://bulma.io/documentation/ (fetched 2026-08-28T18:12:33.801219+00:00, sha 603e9af0678e)
  - site_page: https://bulma.io/documentation (fetched 2026-08-28T18:12:33.803125+00:00, sha b389c4bccc27)
  - site_page: https://bulma.io/documentation/start/responsiveness/ (fetched 2026-08-28T18:12:33.804838+00:00, sha ef81269cb30c)
  - site_page: https://bulma.io/documentation/features/ (fetched 2026-08-28T18:12:33.806320+00:00, sha b446dff8df8d)
  - site_page: https://bulma.io/documentation/customize/ (fetched 2026-08-28T18:12:33.807730+00:00, sha b230a739aa60)
  - site_page: https://bulma.io/documentation/features/dark-mode/ (fetched 2026-08-28T18:12:33.809173+00:00, sha 9aa7531c8c86)
  - site_page: https://bulma.io/documentation/columns/ (fetched 2026-08-28T18:12:33.811179+00:00, sha c9c14a836fb9)
  - site_page: https://bulma.io/documentation/start/syntax/ (fetched 2026-08-28T18:12:33.812844+00:00, sha c6536f83fee7)
- Data as of 2026-08-30T08:39:29.467469+00:00.