Getting Started with HTML Supademos

What are HTML Interactive Product Demos or HTML Capture?

HTML-based interactive demos are pixel-perfect clones or replicas of a software-based product. By directly cloning the HTML and CSS of the original product, HTML-based interactive demos allow users to explore and interact with the product without needing to create an account or access the full live version.

How do HTML-based demos differ from screenshot and video-based demos?

While the recording process is the same for both types of interactive demos, HTML-clone demos provide a more realistic and interactive experience. Unlike screenshot or video-based interactive demos, there are several key differences such as:

  • Users can click through and interact with each individual element just like in the real product;
  • It preserves the application's full interactivity like hover states and animations
  • Content such as numbers, names, images, or data can be easily edited and personalized after recording;
  • It offers a higher fidelity resolution output that resembles the actual product.

Recording HTML-based interactive demos


Post-Capture HTML editing


HTML-based hotspots and design options


Sharing and embedding HTML interactive demos

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.