Step By Step

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.