Step By Step

Record user interactions as screenshots, annotate them, and export as video/PDF/interactive tutorials.

Create step-by-step tutorials in seconds — no screen recording software needed. Step By Step automatically captures a screenshot every time you click, scroll, or interact with a page. Each step is saved with context about what you clicked, so you can turn any workflow into a clear, visual guide. How it works: 1. Click the extension icon to open the side panel 2. Hit Record and use any website as you normally would 3. Every interaction is captured as a screenshot with a click marker 4. Stop recording, then edit and annotate your steps 5. Export as video, PDF, or interactive HTML Built-in annotation editor: - Arrows (straight, curved, double-headed) - Text labels and text balloons - Rectangles and circles - Pen, marker, and freehand drawing - Highlight regions - Auto-generated click indicators - Select, move, and delete any annotation - Crop and zoom to focus on what matters - Full undo/redo support Three export formats: - Video (WebM) — animated walkthrough with click pulse effects - PDF — one page per step, ready to print or share - Interactive HTML — self-contained slideshow with keyboard navigation, shareable as a single file Why Step By Step? - No cloud uploads — everything stays in your browser - No account required - Works on any website - Drag-and-drop step reordering - Duplicate or delete individual steps - Manage multiple recordings Perfect for creating SOPs, bug reports, onboarding guides, customer support docs, or any process documentation.