Links

Overview

The Builder allows you to build your site structure, design the look and feel, add content and custom code to create fully functioning websites, landing pages and prototypes.
Builder is desgined to be simple, minimal and contextual. Here's how it breaks down:
Gridbox Editor

Canvas

The major area you see in the builder is called canvas it's where you'll not only see a preview of the site (mostly live, JavaScript is disabled) you're building, but also what you'll use to drag, move and arrange your elements as well as access the pre-built Gridbox blocks

Builder Toolbar

Editor Toolbar
From top, you can see the following options
  1. 1.
    In the left, you can see logo & project title
  2. 2.
    In the middle, you can see three buttons -> Design, Code, Preview
  3. 3.
    In the right, you can see three buttons -> Save, Download, Publish
Let us see each of these options in detail.

Design Mode

By default, when you create any site you will be design mode. With Design mode, you can add pre-built blocks, change design and content without touching a single line of code.
In Design mode, JavaScript & button clicks are disabled by default. You can click on preview to see the real time changes.
Design Mode

Code Mode

With Gridbox, you can create a site without code, however if you're looking for further customization then you can use code editor to edit HTML, CSS or add external JavaScript libraries.
Code Mode

Preview

With preview, you can the see live version of your landing page or site. You can also test the responsiveness with mobile and tablet resolutions.
Preview Page