LiveDemo - Open-source alternative to Storylane, Navattic, and Arcade
by•
Create interactive product demos in minutes. Capture any workflow, add AI voiceovers and personalized text, then share it as a link, embed, GIF, or video while tracking engagement and collecting leads across your website, docs, and sales outreach.
Replies
A product demo that looks like the real product is half the battle of selling SaaS.
Five LiveDemo launches on here since 2023 is its own kind of growth experiment. Genuinely curious what the repeat PH launch compounds for you: does each one leave behind durable signups, or is it mostly a spike that fades and the real pull comes from another channel by now?
LiveDemo
@jim3989898
Hey Jim!
That's a great observation about our launch cycle.
Let's connect on Twitter/X!
Drop me a DM and I'd love to pull back the curtain and share exactly how these Product Hunt launches compound for us
Adapt
It's not always easy to convey what sets a product apart during traditional demo videos and screenshots, this level of interaction is a gamechanger, great job!
LiveDemo
@patrick_burris
Thank you Patrick!
the AI voiceover + personalized text combo is a nice touch over static screenshots. when you capture a real workflow, does it let you redact sensitive fields (customer names, emails) before the demo goes out, or do you need to fake that data in the source account first?
LiveDemo
@sabber_ahamed
Thanks!
Since we're using a structured screenshot and video workflow right now rather than a live HTML editor, you’ll want to use test data or a staging account during the initial capture to keep sensitive fields clean.
That said, because the capture process is so quick, it's usually much faster to record with fake data from the start than it is to manually blur or mask individual fields in post-production anyway!
the server-side render-by-replaying-in-a-headless-browser approach for exports is clever. with personalized text per viewer, does each shared link get its own server-rendered mp4/gif baked with that person's fields, or is the export always the generic version and personalization only shows live in the embed?
LiveDemo
@sabber_ahamed
Thank you for the great question.
No, we don't have per-link server-rendered exports just yet, the MP4/GIF export currently uses the default template values.
Personalization is handled dynamically, so it shines live in the interactive embed.
That said, since the foundation is already built on top of our headless browser rendering architecture, generating custom video/GIF variations per shared link is highly trivial for us to implement.
We can absolutely add this as an improvement very soon!
Walkable
Congrats on the launch! Love that I can self-host my product demos :)
LiveDemo
@ardaeryilmaz
Hi Arda! Thank you so much, we'd love for you to give it a spin.
Voiceover: We use ElevenLabs for our voiceovers, ensuring incredibly high-fidelity, premium, and completely natural-sounding audio.
Embedding: Yes, absolutely! You can embed demos directly onto your website with zero redirects. You can also embed them natively on Twitter/X and Medium, or drop them into emails as an animated GIF.
Open-source alternative to Storylane and Navattic is the real hook for me; those get expensive fast and you can't self-host them. Since capture runs through a Chrome extension, does the recorded workflow and the generated demo live in my own storage or instance, or does it round-trip through your hosted backend even on the OSS version? And are the AI voiceovers generated server-side per render, or can I point them at my own TTS key so the demo assets stay reproducible?
LiveDemo
@noctis06
Glad to hear the open-source aspect resonates with you!
To answer your questions directly:
Data Storage: When you use the open-source version, everything from the initial Chrome extension capture to the final generated demo lives completely within your own self-hosted instance and storage, specifically MongoDb database and S3 storage + Mux for Video. There is no round-trip back to our servers, keeping your data entirely private.
AI Voiceovers: Demos are pre-rendered server-side, on your server, and you will need to provide your own ElevenLabs/OpenAI API keys in your environment variables. This ensures your assets stay completely reproducible and independent.
Fully self-hosted with my own keys is exactly what makes this usable, thanks for the detail. Since voiceovers render server-side against my ElevenLabs/OpenAI keys, does re-generating a demo re-run TTS every time (re-billing my keys) or is the audio cached per script so unchanged narration doesn't re-hit the API? And is Mux hardcoded for video, or can I swap it for a plain S3/HLS pipeline so a self-hosted setup doesn't need a second vendor?
LiveDemo
@noctis06
Great questions.
For TTS, we cache the audio assets at the step level.
Re-generating a demo will not hit your keys again unless you actually modify the text script for that specific step, so your ElevenLabs/OpenAI bill is completely protected from accidental re-runs.
Regarding video, Mux is currently baked in as the default provider for handling video processing. However, since the codebase is fully open-source, you can absolutely fork it to swap in a plain S3 and HLS pipeline.
We would actually love to see a PR if you end up building that out!
Demo drift is the quiet killer. The product changes and every recorded demo starts lying. Driving the demo from the real app sidesteps that whole class of rot. Congrats on the launch!