This panel is where you can find all elements to add to your canvas, undo or redo changes, preview pages and publish your project.
We’ll go through each icon in the top panel, so you know where to find everything.
Unfold this menu and you’ll see the various structure and list elements. They’re separated into five sections:
Layout: Block, column and grid elements
Page: Section and container elements
Separators: Horizontal element
Tables: Table and body elements
Lists: List and list item elements
The T icon menu contains all the elements that refer to content. It’s separated into three sections:
Headings: Heading 1 to 6 elements
Blocks: Paragraph and rich-text elements
Inline: Inline text and form label elements
In this menu, you’ll find various link and button elements, separated into two sections:
Links: Text and block elements
Buttons: Primary and secondary elements
This menu contains all the elements you need to build forms. There are two sections:
Forms: Filter, data, newsletter and contact elements
Inputs: Text, select, text area, rich-text, checkbox, radio and file elements
Here’s where you can manage all media elements, organized into four sections:
Images: Placeholder image element. Upload images or see which images are already uploaded
Icons: Placeholder icon element. Import or upload icons and see the ones that are already in your library
Videos: Placeholder video element and placeholder YouTube element. Upload videos and see which videos are already there
Documents: Upload documents and see all the documents that were uploaded already
If you’ve saved any components, here’s where you will find them.
Open this menu and you’ll see the HTML import and embed elements to add to your canvas.
A bit further to the right in the top panel, you’ll see an undo and redo button. You can also use the shortcut "Ctrl + Z" or "Cmd + Z" on Mac to undo an action.
This button is non-clickable because all your website’s latest changes will be automatically saved. This way, you don’t need to worry about accidentally losing changes!
With the preview feature, you can see what your website looks like without publishing it.
Once you’re done building and designing, you can click the publish button to launch your project publicly!