# By Demo Type

Using the [Chrome Extension,](https://docs.supademo.com/create/by-method/create-with-chrome-extension) you'll be able to record in one of three demo formats: 1. [Guided Screenshot Demo](https://docs.supademo.com/create/by-demo-type/guided-screenshot-and-video-demos); 2. [Guided HTML Demo](https://docs.supademo.com/create/by-demo-type/guided-html-demos); and, 3. [Sandbox Demos](https://docs.supademo.com/create/by-demo-type/sandbox-demos).

<figure><img src="https://3896040775-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FL3ayyYPPw0hy6Yn2UhX0%2Fuploads%2F3Yin9Ugh0kA2bihj2vr0%2FScreenshot%202025-12-06%20at%209.15.29%E2%80%AFAM.png?alt=media&#x26;token=4264d5f7-1af9-47bd-863a-7bcacd3d0139" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="146.96484375">Demo Type</th><th width="236.77587890625">What is it</th><th width="249.777099609375">Key Use Cases</th><th>Plan Access</th></tr></thead><tbody><tr><td>Guided Screenshot and Video Demo</td><td>Interactive walkthroughs built from screenshots, slides, or video. Great for re-using existing content.</td><td>• <strong>Docs &#x26; guides</strong> (embeds in docs)<br>• <strong>Onboarding</strong><br>• <strong>Internal training</strong><br>• <strong>Product updates</strong><br>• <strong>Prototyping &#x26; feedback</strong><br>• <strong>Sales enablement</strong></td><td>All Plans</td></tr><tr><td>Guided HTML Demo</td><td>Pixel-perfect clones of your product with full interactivity preserved. Editable text, images, and data.</td><td>• <strong>Leave-behinds</strong><br>• <strong>Product tours</strong><br>• <strong>In-app tours</strong><br>• <strong>Prospecting</strong></td><td>Growth &#x26; Enterprise only</td></tr><tr><td>Sandbox Demo </td><td>Safe, life-like replicas of your product — no risk of exposing production data.</td><td>• <strong>Live demos</strong><br>• <strong>Leave-behinds</strong><br>• <strong>Solutions engineering</strong></td><td>Growth &#x26; Enterprise only</td></tr></tbody></table>

{% hint style="info" %}
**Note:** Both *Guided Screenshot/Video* and *Guided HTML* demos are linear by default, but support conditional branching with hotspots and chapters.
{% endhint %}

***

#### [HTML-based demos](https://docs.supademo.com/create/by-demo-type/guided-html-demos)

HTML demos are pixel-perfect clones of your product that keep full interactivity — clicks, hovers, and animations all behave as they would in your live app. They’re the most realistic way to show off your product without requiring a live environment.

**Key Features**

* Full interactivity with clickable elements, hover states, and animations
* Editable text, images, and data after recording
* Pixel-perfect design that matches your real product
* Great for product tours, feature highlights, and training

**Limitations**

* No support for uploading raw HTML or Figma captures

{% @supademo/embed demoId="cm7l1pg5n13amddum3mis0ppr" url="<https://app.supademo.com/demo/cm7l1pg5n13amddum3mis0ppr>" %}

***

#### [Screenshot/Video-based demos](https://docs.supademo.com/create/by-demo-type/guided-screenshot-and-video-demos)

Screenshot and video demos turn static assets (like screenshots, slides, or recorded videos) into guided, interactive walkthroughs. Ideal when HTML capture isn’t possible.

**Key Features**

* Supports screenshots, images, and video uploads
* Works with the Supademo desktop app for quick captures
* Add text, hotspots, and voiceovers to guide viewers
* Convert static content into step-by-step tutorials

**Limitations**

* File size limits: 50MB (Pro) / 150MB (Scale+)

{% @supademo/embed demoId="cm9vporhh0237zf0ig0td1prw" url="<https://app.supademo.com/demo/cm9vporhh0237zf0ig0td1prw>" %}

***

#### [Sandbox Demos](#sandbox-demos)

Sandbox demos replicate your product in a safe, interactive environment — without exposing production data or requiring engineers to set up a demo instance. Perfect for live demos, POCs, and leave-behinds.

**Key Features**

* Fully interactive replicas of your product
* Invisible or visible hotspots for guided paths
* Secure, no-risk alternative to staging or production
* Customizable content with no-code editing

{% @supademo/embed demoId="cm8mktzxw0ijcxffbc3pjewnk" url="<https://app.supademo.com/demo/cm8mktzxw0ijcxffbc3pjewnk>" %}