Interactive product demos from screenshots

Upload a few screenshots, drop a hotspot on each one, and publish. You get a shareable link and an embed snippet in about two minutes.

- 1 Upload screenshots

- 2 Drag a hotspot on each

- 3 Publish and share

Build your demo

Shows in the frame, on the page title and when the link unfurls.

Steps 0 of 12

Drop screenshots here

or tap to choose · PNG, JPG, WebP, HEICNo step selected

Drag to draw the hotspot · drag the box to move it · drag a corner to resizeAppears above the tooltip text.

Live preview

This is exactly what visitors seeYour demo is live

Rendered in your browser, nothing uploaded. Set the pacing, the size and the cards first; it quotes the length before it starts. Needs Chrome or Edge on desktop.

Your demo carries a small Made with novrl badge. Take it off for USD 5 for this demo, USD 29 for every demo you make.

Advertisement

How novrl works

A product demo does not need a recording studio. Most of the time a handful of screenshots, one clear instruction per screen, and a link you can paste into a reply is enough to show someone what your product does.

novrl takes the screenshots you already have, puts them in a browser frame, and adds a pulsing hotspot with a tooltip on each one. Visitors click through at their own pace. There is nothing to install, no account to create, and the demo works on a phone.

<iframe src="https://novrl.com/e/15n59n7rIG" width="100%" height="600"

style="border:0;border-radius:12px" allowfullscreen loading="lazy"></iframe>What you can use it for

- A clickable walkthrough in a cold email or a reply on X

- An onboarding tour embedded in your docs or help centre

- Showing a feature to a customer without booking a call

- A quick before and after for a redesign

- Bug reports and internal handoffs that need context

Questions

Do I need an account?

No. You build the demo, publish it, and get a link. The private edit link that comes back is your only key to that demo, so keep it somewhere you will find it again.

How many steps can a demo have?

Up to 12. Each screenshot is resized to 1600 px wide and converted to WebP, or JPEG on Safari, in your browser before it is uploaded, so demos stay fast to load.

Is my demo private?

No. Anyone with the link can open it, and the screenshots sit on public storage. Do not upload anything with real customer data, credentials or anything else you would not put on a public page.

Can I embed it on my own site?

Yes. Every published demo comes with an iframe snippet. The embed drops the header and share bar and keeps the demo itself.

How do I delete a demo?

Open your private edit link and press Delete. If you lost the link, send the demo URL through the contact page or DM @Dylveloper on X.

What does it cost?

Nothing to make, share or download a demo. Every demo carries a small Made with novrl badge, and taking it off is optional: USD 5 for one demo or USD 29 for every demo you make, still no account. Ads on this page cover the hosting.

Advertisement