StepSnap records your clicks, scrolls, and typing, then generates a polished PDF with annotated screenshots — all on your device, with zero data leaving your browser.
Works on any website · Open source
Features
StepSnap is deliberately minimal — no accounts, no cloud, no friction. Just record and export.
Every meaningful interaction is logged automatically. Click a button, scroll down, fill a form — StepSnap notices it all.
Each click triggers a JPEG screenshot with a visual ripple at the exact click position, so readers always know where to look.
Hit "Generate PDF" and get a formatted, paginated document named after the recorded page — ready to share instantly.
Recording doesn't stop when you click a link. StepSnap re-injects automatically after navigation, so multi-page flows work seamlessly.
All data stays in your browser's local storage. No backend, no analytics, no network requests. Your screenshots never leave your machine.
Pure vanilla JS. Load it unpacked or install from the Chrome Web Store — no Node.js, no webpack, no configuration required.
How it works
StepSnap gets out of your way so you can focus on what you're demonstrating, not on the tool itself.
Open the StepSnap popup from your Chrome toolbar and hit Start Recording. A red "REC" badge confirms it's active.
Click buttons, fill forms, scroll the page. Every action is captured in the background — a subtle ripple marks each click.
When you're done, click Stop Recording. Give your guide a title — it pre-fills with the page name.
Hit Generate PDF. A beautifully formatted, step-by-step guide with screenshots downloads to your machine instantly.
Privacy first
StepSnap has no server, no account system, and makes zero network requests. Everything is
stored in chrome.storage.local
and discarded once you download your PDF.
Get started today
Free forever. No sign-up. Works on every website. Available for Chrome and all Chromium-based browsers.