Capture your product.
Play it back anywhere.
Point Proteus at a running web app. It walks every page, takes high-res screenshots, and maps every clickable element. The result is a self-contained interactive demo you can embed on any site.
Demo capture management interface
How we built it
Built for zero effort
No manual screenshots, no click annotations, no design work.
Fully automated capture
Give it a URL and Proteus handles the rest. It navigates your app, screenshots each page, and detects clickable regions. No manual annotation needed.
Self-contained output
Each demo is a folder of screenshots and a JSON manifest. No database or server required. Drop it on a CDN or serve it statically.
Embeddable player
The React player widget has one peer dependency and ships its own CSS. Embed it on a product page, in a help centre, or in a sales deck.
Capabilities
What Proteus does
Automated capture, hotspot detection, and a portable player.
Playwright-powered capture
Uses Playwright under the hood to drive a real browser. Supports Chromium, Firefox, and WebKit for accurate rendering of your actual product.
Clickable hotspot detection
Automatically identifies buttons, links, and interactive elements on each page and maps them as hotspots in the demo manifest.
Route auto-discovery
Crawls your app from a starting URL and finds pages on its own. You can also hand it a list of specific routes if you prefer.
Named capture profiles
Define reusable profiles in a config file with base URLs, routes, viewport sizes, and authentication credentials. Run them by name.
REST API and CLI
Trigger captures from the command line or through the API. Check progress, list saved demos, and export them programmatically.
Lightweight React player
The embeddable player loads a manifest and renders interactive screenshots with hotspot overlays. React is the only dependency.
How it works
From running app to interactive demo
Point it at your app
Provide a URL and optional login credentials. Proteus launches a browser and starts navigating.
Automatic capture
Each page is screenshotted at Retina resolution. Clickable elements are identified and recorded.
Manifest built
Screenshots, hotspot coordinates, and navigation flow are packaged into a JSON manifest.
Embed and share
Drop the demo folder on your site and use the React player to render it. No backend needed.
Proteus is currently in development
We are actively building Proteus. Book a demo to learn more about our product roadmap and early access opportunities.
Have feedback on Proteus? Feedback