Learn CSS with 🎓 online interactive courses,📺 educational videos, and 🧑🏻💻project-building tutorials.
Docs
Documentation
Expo
Love
Sponsor
Made with Bulma
Backers
Bulma Brand
Bulma Extensions
Download
Light
Dark
System
Download
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
Smart Grid
Fixed Grid
Grid Cells
Playground
Layout
Container
Hero
Section
Level
Media Object
Footer
CSS Helpers
Color
Color Palette
Spacing
Typography
Visibility
Flexbox
Other
Sponsor
Elements
Essential interface elements that only require a
single CSS class
Block
Bulma's most basic spacer
block
Box
A white
box
to contain other elements
Button
The classic
button
, in different colors, sizes, and states
Content
A single class to handle
WYSIWYG
generated content, where only
HTML tags
are available
Delete
A versatile
delete
cross
Icon
Compatible with all icon font libraries, including
Font Awesome 5
Image
A container for
responsive images
Notification
Bold
notification
blocks, to alert your users of something
Progress bars
Native HTML
progress
bars
Table
The inevitable HTML
table
, with special case cells
Tag
Small
tag labels
to insert anywhere
Title
Simple
headings
to add depth to your page
How to support Bulma
#native_company#
#native_desc#
#native_cta#
Get started for Free
Get started for Free
