Breakdance Logo

Element Studio

Element Studio is intended for developers who wish to build elements for Breakdance.

Element Studio is a built-in IDE for creating elements for Breakdance.

Element Studio provides a visual interface to create elements using HTML, CSS, and Twig.

Almost all of the elements included with Breakdance are created with Element Studio.

Documentation for Element Studio is by example. Almost all of the elements included with Breakdance can be opened up in Element Studio so you can see how they were created. You can even make copies of these elements to add your own custom modifications to them.

Element Studio generates PHP code. If you make a mistake or something goes wrong, it could make it impossible to open Breakdance until the change that caused the problem is reverted. We advise you to use Git and commit regularly so it’s easy to revert any changes if something goes wrong.

Custom Elements Boilerplate Plugin (required to save elements): https://github.com/soflyy/breakdance-custom-elements/

How to use Element Studio: Watch on YouTube

How to set up the Custom Elements Boilerplate Plugin: Watch on YouTube