DemoVine

Record clickable, interactive demos of any web app. Capture scenes as you click, arrange them into flows, and share with a link.

DemoVine turns a real click-through of your product into an interactive, navigable demo — no video editing, no staging environment, no code. Open the side panel, press record, and use your web app like you normally would. DemoVine captures each step as a pixel-accurate scene, detects what you clicked, and links the scenes into a flow your viewers can click through themselves. HOW IT WORKS 1. Open DemoVine in Chrome's side panel and start a recording on any website. 2. Click through your feature — scenes are captured automatically on button clicks, page navigations, or DOM changes (or capture manually whenever you want). 3. Arrange your scenes in the built-in flow editor: reorder steps, create branches, and rename scenes. 4. Publish and share a link. Viewers get a real, clickable walkthrough — not a video. FEATURES • Automatic scene capture — on button clicks, link navigation (same tab or new tab), or DOM changes; manual capture always available • Smart hotspots — the element you clicked becomes the clickable hotspot in the demo, detected automatically • Branching flows — build non-linear demos with multiple paths in the visual flow editor • Viewport presets — lock recording to 16:9, mobile, tablet, square and more, so every scene matches • Short screen-recording clips — add up to 30-second video snippets for animated steps • Sharing controls — publish with a share link, optionally protect it with a password • Works on any website you can open in Chrome PRIVACY & DATA • Nothing is captured until you press record. The extension stays idle while you browse. • Form input values are masked in captured scenes. • Captured scenes, screenshots and clips are uploaded only to your own DemoVine account. • Full details: https://app.demovine.com/privacy