Editor panel
Playback
Browser controls the frame the demo plays inside — the mock browser chrome, its title and favicon, the background behind it, and how the player advances. It shapes the very first impression a viewer gets before they read a single step.
Rows
- Header / Style
- Whether the mock browser bar shows, and which chrome style it uses around the demo.
- Browser title
- The text in the fake address/title bar (defaults to the demo title).
- Favicon / Favicon URL
- The little site icon shown in the browser tab of the frame.
- Shadow
- Drop shadow around the demo frame that lifts it off the background.
- Shape
- Corner rounding of the demo frame.
- Stepper
- Whether the step progress indicator shows to the viewer.
- Mobile view
- Renders the demo in a phone-sized frame instead of a desktop browser.
- Background
- The color, gradient, or image behind the demo frame — solid color, From/To gradient with angle, or an image URL.
- Autoplay / Loop / Duration between steps
- Whether the demo advances on its own, restarts at the end, and how long it waits on each step.
Tips
- A branded background plus a matching browser title makes an embedded demo feel like part of your own site.
- Turn on Mobile view to preview and ship a demo captured from a phone-shaped app.
- Autoplay is best for lobby/loop displays; leave it off when you want viewers to click through at their own pace.