Skip to main content
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.

Original Div
BEFORE
Styled Div
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 more readable.

Small css code
BEFORE
Easy css code
AFTER

Support for the Supa Code Block Element

The Supa Code Block element is an enhanced code block packed with a host of extremely useful options.
The Breakdance Easy UI will make it more obvious in the Structure Panel:

Supa code block structure style

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

How to update the style

Simply go to the Style Manager, and check for update:

Stylus manage optionsStylus manage check update