Use the below links to get started
The Gridbox Editor consists of the main canvas as well as a set of toolbars and panels. In this guide, we give you a glimpse of each of the following:
By default when you open the editor - it will be in design mode. You can instantly switch between design and code mode.
In design mode:
You can drag and drop components from the left sidebar (components tab) into the canvas
Edit content on the canvas
Add / Modify image elements
Change the style of the particular selected element in the canvas like Background Colors, Fonts, Gradients, Sizes, etc...
Gridbox Code editor is powered by Microsoft VS Code. If you're familiar with VS Code then using our code editor will be super easy. With our Code editor, you can edit the full HTML document without any constraints. Whatever you work will be automatically in sync with Design mode and vice versa.
When you switch to code mode you can
Import external libraries from cdnjs.com (eg: charts.js, d3js, jQuery,Vue, React etc...)
In Code mode, you will see the files panel opened by default, where you can work with multiple files.