Bulma Playground

Bulma Playground

Snippets Columns Buttons Card Notification Modal Dropdown Tabs

B0.9.4 B0.9.3

Dracula Monokai Solarized GitHub

index.html

live preview

Playground Guide

Environment

This editor renders your HTML directly into an isolated iframe. It automatically injects the official Bulma CSS library based on your version selection.

HTML/CSS Responsive

Framework Info

• CSS Only: Bulma provides styling but no JavaScript. JS components (Modals/Tabs) require your own logic.
• Auto-Save: Code is automatically saved locally.
• Snippets: Use the dropdown for pre-built working examples.

Keyboard Shortcuts

Render HTML Ctrl + Enter

Trigger Autocomplete Ctrl + Space

Toggle Comment Ctrl + /