Skip to main content

How the builder works

Mosanic is a visual site/platform builder. That embraces reuse and dynamic data. In it's core is the visual editor with multiple canvas types to display your pages, sections, data blocks, components and even tokens.

The builder canvas​

You can load in data types on different canvas screens next to each other, or separate.
We will start with the default configurations and explain later how to optimize your own workflow.

If you need some help with the controls

Quick-start: Learn canvas controls

Responsive page​

The page canvas is what get's loaded by default when you open the builder. It's the foundation of each Mosanic page and since we live in a almost Mobile First time digital age, it displays a Mobile and Large desktop overview of your design.

Start building​

Drop an layout​

Extend with a component​

Inspect​

Modify content​

Edit sizing​

Change styling​

{/* ![Locale Dropdown](./images/canvas_page_empty.png) */}