Ready to experience the future of no-code? Before you dive in, we need to establish a few ground rules.
Elements can be placed above and below each other, or side-by-side.
Click and drag an element to sort it.
Once placed, elements can be resized.
Click an element to select it.
Move your mouse to the outside and drag the left or right handles to change its width.
Elements can also push other elements away.
Drag the top or bottom handles to change its outer spacing.
All elements are center aligned by default.
After reducing an element’s width, drag it left or right to anchor it to a side.
Boxes are elements that can contain other elements, including other boxes.
Add inner spacing to a box by moving your mouse to the inside and dragging any handle around the edge.
Elements added to a box are placed on a grid of rows and columns.
Adjust the columns in a row by dragging the handles between elements.
Box grids can be restructured to accommodate smaller screens.
Click on any vertical dashed line to split a row.
Click horizontal dashed lines between rows to join them.
Breadcrumbs are designed for those hard to reach boxes.
Hover over an element’s label to reveal the boxes that contain it.
You can click a breadcrumb to select that box or drag it to begin sorting.