Open any page, press record, and click through your flow. StepRecorder captures every step as an editable, numbered list — replays it to verify (waiting for elements, checking your assertions) — and exports a clean Playwright or Cypress test, plus a numbered screenshot strip. One click. No terminal, no codegen CLI, no setup.

StepRecorder records what you do, lets you verify it, and hands you idiomatic test code.
Clicks, typing, selects, checkboxes and radios, Enter-to-submit, navigations — even elements inside web-component shadow DOM. One click, no DevTools.
Re-runs your steps on the page, waiting for elements to appear so it doesn't flake, and reports what passed. See it work before you export.
Click any element to assert it's visible, has the right text, or that the URL is correct. Your export becomes a real test — not a click log.
Idiomatic getByRole locators, setChecked, and expect assertions that run in CI without cleanup. Cypress + JSON are Pro.
One PNG documenting every step with its action — perfect for bug reports, docs, and onboarding. Replaces a separate screen-record tool. (Pro)
Passwords, card/CVV, and tokens in URLs are masked automatically. Recordings stay on your device — nothing is uploaded.
Load the page, click the icon, press ● Record.
Do your flow. Add ✓ assertions on anything that matters.
Replay to verify, then export a Playwright/Cypress test or a screenshot strip.
The numbered screenshot strip turns a scan into a shareable, client-ready deliverable.
One-time license, no subscription.
Team or agency? Talk to us about volume licenses.
Free to start — install, open a page, and press Record.
Coming soon to the Chrome Web Store.