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.

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?