jgthms/bulma

Bulma is a CSS-only front-end framework that gives you a collection of pre-built, customizable styling classes for building websites and web applications. CSS is the language that controls the visual appearance of web pages, and a CSS framework like Bulma gives you a ready-made design system so you do not have to write all your styles from scratch. You add Bulma's class names to your HTML elements, like adding a class called "button" to make a styled button or "columns" to create a responsive grid layout, and Bulma handles the visual presentation. The key distinction of Bulma compared to frameworks like Bootstrap is that it is purely CSS with absolutely no JavaScript included. This is intentional: it handles only the visual layer, leaving all interactive behavior like dropdowns opening, modals appearing, and tabs switching to whatever JavaScript library you prefer or already have. The layout system is built entirely on Flexbox, a modern CSS specification for arranging elements on a page, which makes responsive layouts for different screen sizes straightforward. The framework's CSS can be customized by modifying Sass variables before compiling, allowing you to change colors, sizes, and other design tokens to match your brand without overriding styles. You would use Bulma when you want a clean, modern-looking website quickly without writing much custom CSS, and when you either do not want a framework that bundles JavaScript or already have a JavaScript framework like Vue or React handling your interactivity. It integrates well with most JavaScript frameworks and has community-built wrapper packages for React, Vue, and others. The tech stack is pure CSS, written in Sass as the source format and compiled down to a single CSS file.