Step By Step

About

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.