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.