How it works

Live site to MP4.

Capture, sequence, polish, and export. Each part hands off to the next.

01 · Capture

Record the live site.

Live viewport preview in a real browser. Grab manual or interval PNG screenshots, or hybrid video clips for clicks, typing, and scrolls.

Real browser preview, not a static screenshot tool
PNG frames plus motion clips where it matters

02 · Steps

Build the sequence.

Ordered actions: goto, click, input, scroll, wait, screenshot, caption, and zoom (viewport or element via CSS, text, XPath, or aria). Each step gets a thumbnail after you run it.

Run up to here · Run from here for fast iteration
Cmd+Enter run all · Escape cancel · Cmd+D duplicate

03 · Templates

Smart Generate from your URL.

The heuristics engine inspects the live page with rules, not AI: classifies the site, scores CTAs and forms, dismisses cookie banners, then builds tailored step sequences you can load and edit.

Functional, Cinematic, Alternative Path, and Quick Tour variants
Saved in your project until you re-analyse

Deterministic · no API calls required

04 · Visual scenes

Polish screenshot & caption steps.

On screenshot and caption steps, open the Visual panel: fixed 1440×900 scenes with canvas backgrounds, text layers, shapes, and drawing tools, rendered the same in editor, preview, and export.

Gradients, screenshot fills, text animations, strokes
Freehand draw and pen paths with curve handles

1440×900 · editor, preview, and export match

05 · Timeline

Set segment timing.

Per-segment duration and transitions on the timeline. Add music and sound FX on dedicated lanes, trim and fade clips, and keep the preview clock aligned with ffmpeg export.

Music lane plus SFX lane, synced during preview
Visual scenes pre-render to MP4 and trim/pad like other clips

06 · Export

Ship the MP4.

Export a polished MP4 with ffmpeg, locally on your machine. Video segments, visual scenes, music, and SFX are mixed into one deterministic export.

ffmpeg-static pipeline in Electron
Audio tracks mixed with amix on export

Also included

Around the flow.

Learn the UI once and reopen projects to continue anytime. Optional AI is there when you want to move faster, with step-by-step guides to connect a local model or your own agent.

Onboarding guides

Per-screen spotlight tours. Click the target to advance. Shown once per version, then they stay out of your way.

Project persistence

URL, steps, timeline edits, and generated templates save locally. Reopen a project and pick up where you left off.

Optional AI

Turn it on when you want a faster start. Step-by-step setup for Ollama or your own API key, or skip it and use heuristics templates.

Smart Generate

Heuristics, not guesswork.
Templates you can load and edit.

Paste a URL and the engine waits for network and layout stability, reads DOM signals (CTAs, nav, forms, headings), classifies the site type, then generates up to four editable variants. No AI setup, no external calls.

Functional

Primary flow, fast pacing, minimal waits.

Cinematic

Same flow with added waits and zoom-in steps between interactions.

Alternative Path

A second flow when the page has more than one obvious demo story.

Quick Tour

Screenshots and navigations only, capped at six steps.

Showcase
Your web Apps.

Live site to MP4.

Record the live site.

Build the sequence.

Smart Generate from your URL.

Polish screenshot & caption steps.

Set segment timing.

Ship the MP4.

Around the flow.

Heuristics, not guesswork.
Templates you can load and edit.

Download free.

Free.

Showcase Your web Apps.

Live site to MP4.

Record the live site.

Build the sequence.

Smart Generate from your URL.

Polish screenshot & caption steps.

Set segment timing.

Ship the MP4.

Around the flow.

Heuristics, not guesswork.Templates you can load and edit.

Download free.

Free.

Showcase
Your web Apps.

Heuristics, not guesswork.
Templates you can load and edit.