THE SCREENSHOT DEMO BUILDER
Turn your own screenshots into a guided, clickable demonstration. Place the hotspots, tell the story and export a demo you can host yourself.
Try the working demo ↓
FIVE USEFUL STARTING POINTS
For founders, product marketers and customer teams showing how their software works.
THE WORKING DEMO
Change the content and try the controls. Everything here runs in your browser.
Explore the workflow at your own pace. Select a hotspot or use the step controls.
Start with a clear view of projects, people and the week ahead.
SELECT A HOTSPOT TO CONTINUEILLUSTRATIVE SAMPLE
WHAT COMES IN THE ZIP
Your actual screens, explained one step at a time. Screenshots stay inside the exported files.
Edit screenshots, step order, explanations, hotspot positions and the final action. Save a settings file and return to the work later.
Each starting point includes a working HTML file, editable settings and a printable example. Source files are included.
Standalone and embed exports, a Webflow embed example and a Framer Code Component wrapper for your hosted HTML. Setup guides explain the steps.
The purchased editor works offline. No Veltro account, usage meter or subscription is needed. Hosting and third-party platform plans are separate.
WALKTHROUGH / COMPLETE KIT
The same complete kit. Choose the project allowance you need.
Read the licence options ↗Purchase opening soon. Try the working demo above.
Purchase opening soon. Try the working demo above.
Working kits are separate from membership treatment credits and Pick & Mix. Any applicable taxes are shown at checkout.
A LITTLE HELP GETTING STARTED
Have us apply your content, colours and data to a purchased kit. Send the brief for a fixed-scope quote.
This creates guided screenshot demos. It does not record your browser, clone a live application or export video. Uploaded images are resized for portable files; the sample screens are fictional.
You can export interactive HTML, embed HTML, editable JSON settings with images and a printable step-by-step guide. Print the summary or guide from your browser to save a PDF. The interactive exports start at the beginning with your configured content.
Webflow can use the direct HTML embed or a hosted iframe on a plan that supports custom code. The included Framer Code Component wraps a hosted HTML export; it does not edit the tool’s internals inside Framer. Adjust the frame height at each breakpoint and test the published page.
The standard licence covers one commercial project. Agency covers up to ten distinct commercial projects, including client work. Each separate client website, product or campaign counts as one project. Existing published work can remain in use. You cannot resell the kit or editor, redistribute it as a library, or give it to clients for unrelated projects. Your purchase receipt identifies your edition; the full licence is inside the ZIP.
The editor processes your content on this device. Drafts use browser storage where available. Save a settings file for a portable backup, especially for screenshot-heavy work. Exported HTML contains the content needed to display your tool.
After payment, use the licence key on your receipt at the download page. The complete kit arrives as a ZIP. Extract it before opening the editor.