# Stepshots

> Record interactive product demos with a browser extension or CLI, edit them visually, then share, embed, and track viewer engagement.

- [Introduction](https://stepshots.com/docs/getting-started/introduction): Learn about Stepshots — create, share, and analyze interactive product demos
- [Quickstart](https://stepshots.com/docs/getting-started/quickstart): Record, upload, and share your first Stepshots demo in about five minutes. A step-by-step quickstart covering CLI install, config, recording, and publishing.
- [Installation](https://stepshots.com/docs/getting-started/installation): Install the Stepshots CLI on macOS or Linux with the one-line script, Cargo, or from source, then verify the binary and start recording product demos.
- [Recording with the CLI](https://stepshots.com/docs/guides/cli-recording): Record, preview, and upload screenshot demos with the Stepshots CLI for stable, scripted flows.
- [Browser Extension Recording](https://stepshots.com/docs/guides/browser-extension-demo-recording): Record a product demo with the Stepshots browser extension and upload it to Stepshots
- [CI & Automation](https://stepshots.com/docs/guides/ci-automation): Run the Stepshots CLI in CI — machine-readable --json output, exit codes, verify and tour check drift gates, dry-run validation, and the hauju/stepshots GitHub Action for recording and publishing demos in pipelines.
- [Embedding Demos](https://stepshots.com/docs/guides/embedding): Embed interactive Stepshots demos in your website, docs, or app using React, JS snippets, web components, or iframes.
- [Guided Tours](https://stepshots.com/docs/guides/live-tours): Ship in-app onboarding as a plain text file: scaffold a tour from a recording, validate it in CI, and serve it with one script tag that spotlights each step on your own running app.
- [Answer Support Tickets with Tour Links](https://stepshots.com/docs/guides/tour-support-links): Turn support replies into guided answers: send a tour link that opens your app and walks the user through the fix on their own account — no screenshots, no numbered steps.
- [React SDK](https://stepshots.com/docs/guides/react-sdk): Embed interactive Stepshots demos in React and Next.js with the @stepshots/react component — typed props, autoplay, theming, and deep-linking to a step.
- [API Keys](https://stepshots.com/docs/guides/api-keys): Generate and manage Stepshots API keys to authenticate CLI and browser-extension uploads. Where to create a key, set STEPSHOTS_TOKEN, and use it in CI.
- [Configuration](https://stepshots.com/docs/cli/configuration): Full stepshots.config.json reference — viewport formats, themes, step actions, and every annotation type (highlights, hotspots, popups, arrows, blur, and zoom regions).
- [How CLI Recording Works](https://stepshots.com/docs/cli/recording): How stepshots record drives headless Chrome via CDP — step execution, screenshot capture, and the .stepshot bundle format.
- [Commands](https://stepshots.com/docs/cli/commands): Complete reference for every Stepshots CLI command — login, init, record, preview, verify, upload, inspect, doctor, and more — with usage, flags, and examples.