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.
Last updated
Was this helpful?
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.
Last updated
Was this helpful?
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