Docs Videos Expo Love Backers Extensions Book Blog Brand Start Badge

Fans of Bulma around the world

Everyone who is supporting Bulma via Patreon and GitHub

Bulma extensions

Side projects to enhance Bulma

The official Bulma book

A step-by-step guide that teaches you how to build a web interface from scratch using Bulma

Stay updated with new features

The official Bulma logos

Bulma start

A tiny npm package to get started

Made with Bulma

The official community badge

Coming from Bootstrap

See how Bulma is an alternative to Bootstrap

Download Sponsor

Docs Videos Expo Love Backers Extensions Book Blog Brand Start Badge

Fans of Bulma around the world

Everyone who is supporting Bulma via Patreon and GitHub

Bulma extensions

Side projects to enhance Bulma

The official Bulma book

A step-by-step guide that teaches you how to build a web interface from scratch using Bulma

Stay updated with new features

The official Bulma logos

Bulma start

A tiny npm package to get started

Made with Bulma

The official community badge

Coming from Bootstrap

See how Bulma is an alternative to Bootstrap

f

Guides

Overview

Start
CSS classes
Modifiers syntax
Modularity
Responsiveness
Colors

Customize

Concepts
Variables
With node-sass
With Sass CLI
With webpack

Utilities

Mixins
Responsive mixins
Form Control mixins
Functions
Extends

CSS Library

Columns

Basics
Sizes
Responsiveness
Nesting
Gap
Options

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

Layout

Container
Level
Media Object
Hero
Section
Footer
Tiles

Helpers

Color
Spacing
Typography
Visibility
Flexbox
Other

There are no results.

Form

This page is open source. Noticed a typo? Or something unclear?
Improve this page on GitHub

My CSS ebook

My 44-page ebook to teach you CSS in 44 minutes

Buy now →

On this page

Support Bulma 😃

One-time donation

Monthly donation

Become a sponsor

#native_company# #native_desc#

Bulma by Jeremy Thomas.

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

Contribute on GitHub

Share on social media

Tweet

The Bulma block

New feature: Icon Text

Light/Dark colors, better look, larger controls

Automatic variables docs

Expo Official Bulma showcase

Love Fans of Bulma around the world

Backers Everyone who is supporting Bulma via Patreon and GitHub

Bulma extensions Side projects to enhance Bulma

The official Bulma book A step-by-step guide that teaches you how to build a web interface from scratch using Bulma

Blog Stay updated with new features

Brand The official Bulma logos

Bulma start A tiny npm package to get started

Made with Bulma The official community badge

Coming from Bootstrap See how Bulma is an alternative to Bootstrap