Create, share, and embed short interactive product demos captured from real user flows.
Record once with a browser extension, publish to Studio, and embed a lightweight web component anywhere — blogs, docs, marketing pages, or inside your app.
- Authentic capture: One‑click recording in the browser.
- Instant sharing: Public, immutable links and fast embeds.
- Privacy‑first: PII masking and server‑side filtering of sensitive fields.
- Drop‑in embed: A tiny web component that works with any framework.
- Record: Use the extension to capture clicks, inputs, scrolls, and navigation.
- Save: Studio validates and stores demos.
- Embed: Add the Player to any page; it fetches the public JSON and renders a guided sequence.
- Studio (Next.js): API + minimal UI to store and serve demos.
- Player (Web Component): Small, framework‑agnostic embed (served via GitHub Pages CDN).
- Extension (Chrome MV3): Recorder that turns interactions into a demo.
Use the hosted Player from our CDN:
<script>
// Optional: set your Studio base URL before loading the player
window.__MICRODEMO_STUDIO__ = "https://your-studio-domain";
// Then include the player
</script>
<script type="module" src="https://thesolutiondeskandcompany.github.io/microdemo-studio/player.js"></script>
<microdemo-player data-id="YOUR_DEMO_ID"></microdemo-player>- Centralized CORS and standard security headers (HSTS in production).
- Public API strips sensitive fields; PII masking during capture.
- See SECURITY.md for reporting.
Interested in using Microdemo in your product or want a private demo? Open an issue or contact us to discuss plans and integrations.
—
For development, CI, and deployment details, see:
- docs/DEVELOPMENT.md
- DEPLOYMENT.md
- CONTRIBUTING.md
- CORS is centrally enforced and locked down for production origins.
- Standard security headers are applied (HSTS in production).
- Secrets are not committed; use environment variables for deployment.
MIT — commercial licensing available upon request.
Interested in using Microdemo in your product or want a demo? Contact us to discuss plans and integration options.