Record Browser Actions into Automation Scripts
Install the extension, click record, and interact with any website. StepRecorder generates clean Puppeteer and Playwright scripts with smart selectors — ready to run or customize.
// Generated by StepRecorder
const { chromium } = require('playwright');
(async () => {
const browser = await chromium.launch();
const page = await browser.newPage();
await page.goto('https://example.com');
await page.click('[data-testid="login-btn"]');
await page.fill('#email', '[email protected]');
await page.fill('#password', '••••••••');
await page.click('button[type="submit"]');
await browser.close();
})();How It Works
Install Extension
Add StepRecorder to Chrome or Firefox in one click.
Record Actions
Click record, interact with any site — clicks, typing, navigation all captured.
Export Script
Get a clean Puppeteer or Playwright script with smart, resilient selectors.
Simple Pricing
Everything you need to automate your browser workflows.
- ✓Unlimited script recordings
- ✓Puppeteer & Playwright export
- ✓Smart selector generation
- ✓Script editor & management
- ✓Chrome & Firefox extension
- ✓Priority support
Cancel anytime. No contracts.
FAQ
Which browsers and frameworks are supported?
The extension works on Chrome and Firefox. Scripts can be exported for both Puppeteer and Playwright — just pick your preferred framework before exporting.
How does smart selector generation work?
StepRecorder prioritizes stable selectors like data-testid, aria labels, and unique IDs over fragile CSS paths. This makes your scripts resilient to minor UI changes.
Can I edit scripts after recording?
Yes. The web app includes a full script editor where you can modify, rename, organize, and re-export your recordings at any time.