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

Sponsor

CSS Helpers

Apply helper classes to almost any element, in order to alter their style

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

How to support Bulma

One-time donation

Visit our Sponsors

Monthly donation

Become a sponsor

#native_company# #native_desc#

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