Documentation

🧩 App Builder

Design responsive pages with drag-and-drop — then publish and share.

Open the App Builder

Overview

The App Builder lets you design multi-page sites visually. You drag components into a responsive layout of header, sidebar, footer, and content regions, style them, and publish to a shareable link. Everything saves to your account automatically.

Building a page

  1. Open the App Builder and pick or create an app (+ in the top bar).
  2. Drag components from the left palette into a region. Click any block to edit its text, links, images, and styling in the right-hand Inspector.
  3. Use the device buttons (Desktop / Tablet / Mobile) to preview how the design reflows.
  4. Add more pages from the left panel — each page has its own header, sidebar, footer, and content.

Components & pre-built designs

There are 20 component types — headings, text, images, buttons, forms, tables, cards, accordions, tabs, galleries, social links, maps, embeds, and more.

To move faster, open Components (🧱) for a library of 120 ready-made designs across six categories — Header, Sidebar, Footer, Content, Page, and Layout (20 each). Preview one, click Apply, and it drops onto the current page ready to edit.

You can also start a whole page from a template via “Start from a template” in the left panel.

Theme, publish & share

  • Theme (🎨): set your colours, font, and corner radius across the whole app.
  • Publish: make the app live at a friendly URL, optionally protected with a password.
  • Submissions (📥): view entries collected by any Form block on a published app.

Collaboration & version history

  • Share edit access: invite a teammate by email (in Publish & Share) to edit the app with you. Only the owner can publish, delete, or manage access.
  • Version history (🕘): save named snapshots and restore any of them later if you want to roll back.
💡 Restoring a version replaces the current content, so save a fresh snapshot first if you’re unsure.

Handy shortcuts

  • Undo / Redo: Ctrl/Cmd+Z and Ctrl/Cmd+Shift+Z (or the ↶ ↷ buttons).
  • Copy / paste / duplicate / delete a selected block with the usual shortcuts.
  • Your work autosaves — the top bar shows “Saving…” then “Saved ✓”.
File Transfer