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 click to choose · PNG, JPG, WebPNo step selected
Drag on the screenshot to set the hotspotAppears above the tooltip text.
Live preview
This is exactly what visitors seeYour demo is live
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 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, email dylandirectories11@gmail.com with the demo URL.
What does it cost?
Nothing. novrl is a small free tool. Ads on this page cover the hosting.
Advertisement