PlayStep docs
Add playable, video-first guides to your web, React or Flutter app, and build them from a dashboard.
PlayStep adds step-by-step guides to your app where every step plays a short clip of exactly what to do, spotlights the real button, and completes itself when your user does it.
You add one dependency. Your team builds, previews and publishes guides from the dashboard, with no app release.
Start here
- Quickstart: one script tag and your first guide, in about 10 minutes.
- npm, React or Flutter if you prefer a package.
- Your first guide: from an empty dashboard to a live guide.
How PlayStep fits together
| Piece | What it does |
|---|---|
SDK (@playstep/web, @playstep/react, playstep for Flutter) | Loads your published guides, decides when one starts, draws it on top of your app and reports progress. |
Anchors (data-guide="…", GuideAnchor) | Mark the elements guides point at, so steps survive redesigns. |
| Dashboard | Build guides, record and upload clips, preview, publish, roll back and read analytics. |
| API | Serves each environment's published config from the edge and receives guide events. |
Learn the concepts
Guides, steps, anchors, triggers, completion rules, clips and environments are the whole model. Each page takes a couple of minutes.
Prefer to learn by doing? The guides walk through real tasks, from your first onboarding guide to measuring drop-offs.