Interactive product demos from screenshots
No account, no install
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
Frame theme
Light Dark
Demo title
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, HEIC
No step selected
Drag to draw the hotspot · drag the box to move it · drag a corner to resize
Upload a screenshot to start. Then drag on it to mark the spot people should click.
Tooltip
Step title (optional)
Appears above the tooltip text.
Live preview
This is exactly what visitors see
Publish demo
Your demo is live
Share link
Copy
Embed snippet
Copy
Private edit link
Copy
Save this link somewhere safe. It is the only way to edit or delete this demo, there is no account to log back into, and it is shown once.
Video
Download MP4
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.
Remove the badge
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.
novrl.com/d/15n59n7rIG
Click the pulsing hotspot to move through it. This is a real novrl demo, made in the editor above and dropped in here with its own embed snippet. Klovra, the app in the screenshots, is invented. Open it on its own page.
Every published demo comes with a line like this one:
<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
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