Create Bulma templates in minutes.
An online editor for Bulma CSS with a simple, intuitive drag & drop interface and 170+ ready-made UI components.
Use ready-made Bulma components from the multipurpose library grouped into 20 most frequently used categories:.
We have 460 Bulma variables in thematically connected categories to allow you to work effectively.
Bulma Builder provides sources for the tools developers know and love. When you select the appropriate components and Bulma settings, you can download source files in order to e.g. start combining front-end with back-end.
*** That's why all Bulma Builder users automatically get access to Bootstrap Shuffle for FREE.
We know how valuable developers' time is. This is why we worked hard on the development of a tool that would be easy to use and which you could make use of without the need for any training.
Build templates from hundreds of components grouped into 20 most frequently used categories including navigations, headers and more. Choose the right components and focus on the details.
Bulma 0.9.0 provides a lot of configuration options. Our customizer panel displays these options in thematically connected categories and it will allow you to use them effectively.
All types of settings include an interface for a quicker implementation of values (color picker, Google Fonts autosuggest, shadow builder, etc.). All for your convenience!
When changing the settings in customizer panel, the SCSS code is compiled in real time, and you can follow the changes live.
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.
Bulma Builder is a tool for developers. Our goal is to speed up your work. You can download source files in order to e.g. start combining front-end with back-end.
We do not use any external dependencies. Bulma CSS framework doesn't provide any JavaScript, so it integrates in any JS environment (e.g. Vue, React, Angular).
✅ Launch of the Material-UI Builder . The first React JS editor created by the Shuffle.dev team. It's a free update for all Bulma Builder users with two themes to start with!
✅ Release of the Metis Shuffle, our second custom-made UI component library for Tailwind Builder .
✅ Visual Studio Code extension that allows you to use all our components from within the editor. Please sign in and follow the instruction in the "Account -> VSC Extension" menu to install it.
Our next big step is merging all our editors into one product: Shuffle.dev. We will do it on December 11th.
We believe that we can deliver more value by developing one powerful visual editor.
You can use our editors as usual before the date. We will migrate all accounts and projects!
Our goals:
Visual Editor v2.
A marketplace for creators to share their templates and design systems.
Figma-style team work.
