Preview panel, see your app live
Click PREVIEW in the top-right of the header to open a live preview of the app. Three tabs at the top of the preview panel: Preview (live view), Visual Editor (design mode), Code (build log). Drag the divider to resize.
Where to enable it
Toggle this feature in your project editor. No code required.
This capability runs platform-wide; no specific settings route.
Open in my projectRelated features
Visual Editor, design mode in the preview
The Visual Editor is design mode for your live app. Hover to see what anything is, click to select it, and use the toolbar that appears right above it to change text and colors on the spot. Double-click any text to type your new wording right where it lives. Add new pieces too: pick a heading, text block, button, image, section, or divider from the Insert menu, then click to place it near your selection or drag it exactly where you want; green guides show where it will land, already styled to match your page. If you grab the wrong thing, one press of Esc, a right-click picker, or the Layers list gets you exactly the element you meant. Works on desktop and touch screens; on phones the editing panel slides up from the bottom so your page stays visible. Every change can be undone, your edits survive a page reload, and you get a warning before closing anything unsaved. When you save, your app updates automatically.
Your app is always live (automatic deploys)
Your app goes live on its own. Every change you make is published automatically within seconds, at a permanent web address with the browser padlock (secure connection) set up for you. There is no button to press and nothing to set up, and you can connect your own web address (domain) whenever you want.