Redirecting to PayPal

The Bulma editor for busy developers

A visual editor for Bulma CSS with a simple, intuitive drag & drop interface and 300+ ready-made UI components.

Based on proven technology

We combined four visual editors into . That is why you can use Bulma, Bootstrap, Material‑UI, and Tailwind CSS with it!

Learn more about supported CSS frameworks on our homepage.

Bulma Builder - First such advanced theme builder for Bulma CSS framework | Product Hunt Bulma Builder - First such advanced theme builder for Bulma CSS framework | Product Hunt
  • 1

    Choose your favorite Bulma theme

    You can choose from different themes to modify the basics and create something unique!

  • 2

    Select UI Components

  • 3

    Customize Bulma CSS style

  • 4

    Download source code

Designed for busy developers

We are developers too! Our CEO built the first version of the editor two years ago with his bare hands! (proof on Hacker News )

Try Demo

or keep scrolling to learn more!

Easy to use

We know how valuable developers' time is. This is why we worked hard to develop a tool that would be easy to use. You don't need any training to use Shuffle for Bulma CSS.

Components library

Build templates from the library of Bulma UI components grouped into most frequently used categories, including navigations, headers, and more. Choose the right UI components and focus on the details.

Online compilation

Shuffle for Bulma CSS provides a lot of configuration options. Our customizer panel displays these options in thematically connected categories. It will allow you to use them effectively!

Convenient pickers

All settings include an interface for a quicker implementation of values (color picker, Google Fonts autosuggest, shadow builder, etc.).

300+ UI Components for Bulma CSS

We have more for extremely busy developers

Try Demo

or keep scrolling to learn even more!

Live edit

When changing settings in the customizer panel, the Bulma CSS config is compiled in real-time, and you can follow the changes live.

Shareable preview

You can share the prepared project with other team members to review, or you can use a link to check the project on mobile devices.

Exportable sources

Shuffle for Bulma CSS is a tool for developers. Our goal is to speed up your work. You can download source files to start combining front-end with back-end.

No external dependencies

We do not use any external dependencies apart from those used by Bulma CSS.

The easiest way to create beautiful templates


The selected plan includes lifetime access to the editor for Tailwind CSS, Bulma, Bootstrap, and Material-UI.

Create an account

Buy a Lifetime License

Beautiful UI libraries

Switch between UI libraries and create unique projects every time. You have 2,000+ UI components at your disposal.

Flexible solution

Work in your favorite technologies: Tailwind CSS, Bootstrap, Bulma, and Material‑UI (React).

Constant update

In May alone, we will add two new UI libraries to your account.

No limits

Create and export unlimited projects for yourself or your clients.

Plugin support

Registered users can use the Visual Studio Code extension to use UI components from within the editor.

© 2021 Shuffle. All rights reserved.