Breakdance4fun Logo

Breakdance Easy UI

Do you want to make the Breakdance UI a bit more readable and convenient to use?
If so, check this slightly modified UI style.

See all options

Not only are the titles a little bigger, but we can finally see all the options available : if we can set different values for each breakpoint, and if a propertly have an hover value too.

Breakdance Old Ui Left Panel
BEFORE
Breakdance Easy Ui Left Panel
AFTER

Readable Structure

It was really small...like, super tiny. So now it's just a little bigger.

Breakdance Old Ui Right Panel
BEFORE
Breakdance Easy Ui Right Panel
AFTER

Coding with style

Once again, it was pretty small, so the new version is bigger and some of the colors are also less saturated.
Note that it doesn't only affect the Code Block element but also the fullscreen Code editor and the Element Studio editor.

Breakdance Old Ui Code
BEFORE
Breakdance Easy Ui Code
AFTER

How to install the New Style

Step 1

Install the Stylus extension (Chrome, Firefox,Opera) : https://add0n.com/stylus.html

Step 2

Go to https://userstyles.world/style/12898/breakdance-builder-easy-ui and click on the Install button

Step 3

On the new tab that will open, click on the Install Style button:

Breakdance Easy Ui Install

That's it, it will be enabled automatically each time you open Breakdance. You can disable the new style easily by clicking on the checkbox :

Breakdance Easy Ui Disable