Docs Documentation Expo Love Sponsor

Made with Bulma Backers Bulma Brand Bulma Extensions

Start Here

Overview
Installation
Alternative Versions
Syntax
Modularity
Responsiveness
Migrating to v1

Features

CSS Variables
Themes
Dark Mode
Color Palettes
Skeletons

Sass Tools

Mixins
Responsive mixins
Form Control mixins
Extends

Customization

Concepts
With Sass
With Modular Sass
With CSS Variables
List of Sass variables

CSS Library

Elements
- Block
- Box
- Button
- Content
- Delete
- Icon
- Image
- Notification
- Progress bars
- Table
- Tag
- Title
Components
- Breadcrumb
- Card
- Dropdown
- Menu
- Message
- Modal
- Navbar
- Pagination
- Panel
- Tabs
Form
- General
- Input
- Textarea
- Select
- Checkbox
- Radio
- File
Columns
- Basics
- Sizes
- Responsiveness
- Nesting
- Gap
- Options
Grid
Layout
- Container
- Hero
- Section
- Level
- Media Object
- Footer

CSS Helpers

Color
Color Palette
Spacing
Typography
Visibility
Flexbox
Other

Customize

Create your own theme with a simple set of variables

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

Bulma by Jeremy Thomas.

Contribute on GitHub

Share on social media

Twitter Facebook

Source code licensed MIT. Website content licensed CC BY-NC-SA 4.0