By Supademo type
With Supademo, you can create three distinct types of interaction demos: (1) Screenshot & Video-based, (2) HTML Demos, and (3) Sandbox Demo Environments. Learn about your options below.
When you record a Supademo using the Chrome Extension, you'll be presented with three options:
Guided screenshot and video-based Supademos
Self-paced demos that guide viewers via text-based hotspots and voiceovers overlayed on videos and screenshot steps. Primarily linear, but can set up conditional branching with multiple hotspots and chapters.
Embeds in docs
Customer onboarding
Internal training
Embeds in product updates
Prototyping/feedback
Sales enablement
Free, Pro, Scale, Growth, Enterprise
Guided HTML-based Supademos
Self-paced demos that guide viewers via text-based hotspots and voiceovers overlayed on full HTML steps. Primarily linear, but can set up conditional branching with multiple hotspots and chapters.
Demo leave-behinds
Website product tours
In-app tours
Prospecting
Growth, Enterprise
Sandbox Demo Environments
1-to-1 product replicas that allow viewers to explore without guided hotspots or visual cues. Can mix/match invisible hotspot paths with visual hotspots if desired.
Live demos
Demo leave-behinds
Solutions engineering
Growth, Enterprise

HTML-based demos create exact clones of your product with full interactivity preserved. These demos offer the most authentic user experience, allowing viewers to interact with your product as if they were using the real thing.
Key features:
Pixel-perfect clones that maintain the look and feel of your actual product
Full interactivity with clickable elements, just like the live application
Preserved hover states and animations for an authentic experience
Post-recording editing capabilities for text, content, data, and images
Ideal for product tours, feature highlights, and training materials
Limitations:
No support for HTML uploads or Figma captures
Screenshot and video-based demos transform your existing visual assets into interactive, guided experiences. Perfect for when you need to create demos from pre-existing materials or when HTML recording isn't feasible.
Key features:
Support for screenshots, images, and video uploads
Create demos by uploading presentations or screenshot sequences
Transform static content into interactive step-by-step guides
File size limits: 50MB per file (Pro plans), 150MB per file (Scale plans and up)
Works with desktop app for screenshot captures
Ideal for presentation walkthroughs, process documentation, and tutorial creation
Sandbox demos are fully interactive HTML clones of your product that replicate its real behavior and interface — without exposing production data or requiring engineering effort. Perfect for live demos, POCs, and leave-behinds that look and feel exactly like your app.
Key features:
Pixel-perfect replicas built from your product’s HTML/CSS
Fully interactive: supports real clicks, hover states, and typing
Invisible hotspots allow users to explore freely — no visible guides or tooltips
Customizable content (logos, names, values) with no-code editing
Secure, no-risk alternative to live staging or production
Ideal for live demos, leave-behinds, and proof-of-concepts
Last updated
Was this helpful?