Stepshots logoStepshots

Product demosthat don't rot.

Record a walkthrough, edit the details, and share it. Run a CI check to catch broken steps when your UI changes.

Create your first demoChrome extension

Free to start. No credit card.

Live demo
1/6
Step 1 of create-a-project
New workspaces start empty — let's create the first project

This is a real Stepshots demo. Click through it.

Your UI changed. Know which demos need work.

Keep the recording config in your repo. Run verification against your app in CI to find broken steps before you share an outdated walkthrough.

  1. 1

    Ship a UI change

    A button moves, a selector changes, or an annotation loses its target.

  2. 2

    See the affected step

    Verification replays the flow and reports steps that fail. Include annotation checks to catch lost callout anchors too.

  3. 3

    Fix, record, and publish

    Update the config or annotation, re-record the flow, then review and upload the refreshed demo.

Example verification result

$ stepshots verify --fail-on warn
create-projectPassed · 6 steps

invite-member · Step 3 failed

Selector not found: .invite-btn

Check the target and update this step's selector.

The check reports failures and saves screenshots. It does not change your published demo.

Set up CI verification

From a real flow to a demo worth sharing.

Capture the steps, explain what matters, and let viewers explore at their own pace.

Record the way you work

Capture clicks with the Chrome extension, or use a repeatable CLI config. Each step becomes a screenshot you can edit.

A recorded walkthrough with customer emails blurred and an explanatory callout
Browser extensionOpen-source CLI

Make every step clear

Add callouts, highlights, and arrows in the visual editor. Blur sensitive details and reorder steps before you publish.

The Stepshots visual editor with a callout selected on a recorded step
Follow the quickstart

Put the recording to work

Try an example AI sandbox

Share and embed

Send a public link or embed an interactive demo in your site and docs.

Guided tours

Guide users through your live app using the steps you already recorded.

Viewer analytics

See views, completion, and the steps where viewers drop off.

Device frames

Present your demo in a browser or phone frame.

AI sandboxes

Generate an explorable product replica with synthetic data, using your own AI key.

Pricing

Start free. Scale when ready.

Start with one free hosted demo. Buy an extra Pro demo once, or subscribe for 30 demos and more. No per-seat billing.

MonthlyYearly
Free
€0/month

Best for trying Stepshots, editing your first walkthrough, and publishing one hosted demo.

  • 1 hosted demo (record, edit & publish)
  • Unlimited local recording (open-source CLI)
  • Visual editor
  • Interactive player
  • Public share links
  • Guided tours (Stepshots badge)
  • Community support
Get StartedCompare free interactive demo tools →
Most Popular
Pro
€19/month

For ongoing product demos, with embeds, analytics, and your own branding.

  • 30 hosted demos
  • View analytics & drop-off
  • Custom branding
  • Embed anywhere
  • Unbranded guided tours + per-step funnel
  • AI sandbox hosting (generate with your own key)
  • Priority support
Start Pro Trial

14-day free trial. Cancel anytime.

One Pro demo
€29once

For a single launch, guide, or walkthrough. Add one extra hosted demo without a subscription.

  • 1 extra hosted demo
  • Analytics for that demo
  • Per-step tour funnel
  • No Stepshots badge on that demo
  • One payment. No recurring charge.
Get one Pro demo

Adds to your Free or Pro plan.

Need more? Enterprise is custom.

Everything in Pro, custom demo volume, invoicing and purchase orders, and dedicated support.

Contact us

Compare Stepshots with Arcade

Record Interactive
Product Demos

Turn product walkthroughs into something reusable for docs, onboarding, sales, and launches without rebuilding the same explanation every time.

Create Your First Demo

Free tier. No credit card required.