Sponsor
Start
Overview
You only need 1 CSS file to use Bulma
Installation
Create your own theme with a simple set of variables
Alternative Versions
Use one of the pre-built alternative versions of Bulma
Syntax
How to use Bulma components and their alternative styles
Modularity
Just import what you need
Responsiveness
Bulma is a mobile-first framework
Migrating to v1
How to migrate to Bulma v1
Features
CSS Variables
Customizing with CSS only
Themes
How Bulma styles its components with CSS variables
Dark Mode
Bulma comes with an automatic Dark mode
Color Palettes
Input 1 color, Receive dozens of different shades for that color
Skeletons
Transform almost any Bulma component into a skeleton loader, or use one of the pre-built utility elements
Sass Utilities
Mixins
Utility mixins for custom elements and other CSS helpers
Responsive mixins
Mixins that allows you to define different styles for each screen size
Form Control mixins
Mixins for Bulma's buttons and form controls
Extends
Sass extends to keep your CSS code DRY
Customize
Concepts
What makes Bulma customizable
With Sass
Customize Bulma with Sass variables
With Modular Sass
Import only what you need and customize it
With CSS Variables
See how Bulma uses Sass variables to allow easy customization
List of Sass variables
All Sass variables defined by Bulma
CSS Library
Columns
The power of Flexbox in a simple interface
Grid
A 2 dimensional layout component
Elements
Essential interface elements that only require a single CSS class
Components
Advanced multi-part components with lots of possibilities
Form
The indispensable form controls, designed for maximum clarity
Layout
Design the structure of your webpage with these CSS classes
Helpers
Color
Change the color of the text and/or background
Color Palette
Use a color's palette as text color and/or background
Spacing
Change the size and color of the text for one or multiple viewport width
Typography
Change the size, weight, and other font properties of the text
Visibility
Show/hide content depending on the width of the viewport
Flexbox
Helpers for all Flexbox properties
Other
Other useful Bulma helpers
