GitHub
Editor

Editor

The BaseBlocks editor has three areas — the header, the rail, and the canvas. Everything you build lives here.

The editor opens when you enter a site. It has three areas:

Editor areas

The top bar. Contains the site name, publish button, deploy, share, and deployment history (rollback) controls. Saving is automatic; publish makes your draft live.

Rail

A floating icon bar on the left edge of the canvas. Each icon opens a flyout panel:

  • Pages — the full page tree. Add, rename, nest, and reorder pages.
  • Site Settings — name, slug, visibility, and meta description.
  • Customization — accent color, header background, and border radius.
  • Navigation — navigation style for the public site.
  • Layouts — all available row types to structure a page.
  • Blocks — all available content elements (headings, images, code blocks, and more).

Undo and redo controls sit at the bottom of the rail.

Canvas

The live page render. Click a layout to select a slot, then add blocks from the rail. Drag the handle on the left edge of a layout to reorder it. All edits save automatically.

In this section