Live Preview

As Builder generates or edits your site, the preview pane shows a real, interactive render of it — not a static mockup.

How it works

The preview runs your actual generated code inside a temporary, isolated sandbox environment, so what you see behaves like the real site: navigation works, interactive elements respond, and layout reflows exactly as it will in production.

Device modes

Switch the preview between desktop, tablet, and mobile widths to check responsiveness as the site is built. Your preferred default device can be set in Settings.

Multi-page navigation

If your site has more than one page, a route/page switcher lets you jump between them in the preview without leaving the builder.

Preview lifecycle

Preview sandboxes are ephemeral — they're created when you need them and cleaned up automatically after a period of inactivity. If a preview goes idle, reopening the project or triggering a new change spins one back up.