Bulma: Free, open source, and modern CSS framework based on Flexbox

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

How to support Bulma

One-time donation

Browser testing via

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