GJS Builder
Getting startedInstallationThe editorPages & LandingsExtensionsPresets & themesRendering modesSEOPerformanceStorage & no lock-inSecurityDeveloper APIWhite-labelRoadmapFAQGlossary
Back to docs

The editor

Opening a Landing with Edit with Builder launches a fullscreen GrapesJS editor with the WordPress chrome collapsed. Everything below is part of that editor.

The canvas

The center is a live, editable canvas. Your active theme's stylesheets and theme.json global styles are injected into it, so what you see matches the front end — including block themes. This is truthful WYSIWYG: no surprises when you publish.

Devices

Switch between Desktop, Tablet and Mobile to preview and tune responsive styles. The canvas resizes to the selected breakpoint.

Undo / redo

Full history navigation is available from the toolbar (and the usual keyboard shortcuts).

Code view

Click the </> control to reveal the compiled HTML and CSS. This is exactly what gets saved and rendered — copy it out any time to export a page as standalone markup. This is the heart of GJS's no-lock-in guarantee.

Media

Image controls open the native WordPress media library: browse, search, drag-and-drop upload, and delete. There's no separate asset store to manage.

Page settings & SEO drawer

Open the drawer to edit everything about the page without leaving the editor:

  • Title, slug / permalink, excerpt
  • Publish status and template (theme vs canvas) mode
  • Featured image
  • Meta title and description, plus the full SEO document

Saving

The save UI shows live status — Saving, Saved, Unsaved, Published — with retry on error. Autosave writes to a separate draft slot on a configurable interval; if a newer autosave exists when you reopen a page, you'll get a restore prompt. See Storage & no lock-in.

Extending the editor

The blocks, panels and tools you see are registered through the same public API third-party extensions use. Add more from Extensions, or build your own with the Developer API.