Top panel

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!

Get to know the left-side panel!
Read more

Get your no-code fix

Join our monthly email with no-code insights and Ycode updates.
2019 - 2022 © Ycode. All rights reserved.
Terms & Policies