Guides your users play, then do.
PlayStep adds step-by-step guides to web, React and Flutter apps. Each step plays a few seconds of the action, spotlights the real button and checks itself off when the user taps it.
Product tours get skipped and help docs go unread.
Most onboarding tells people what a screen does. PlayStep shows them on the real interface and only moves on once they have done the step. Guides are changed from a dashboard, so fixing one never waits for an app release.
Show the step, then let them take it.
- 01
A clip for every step
Each step plays a short, silent, looping clip of exactly what to do, three to ten seconds long.
- 02
Spotlights the real button
It points at the live element in your app, not a screenshot, and follows it as the page moves.
- 03
Steps check themselves off
A step completes when the user taps the button, or when your app sends an event.
- 04
Publish without a release
Build, preview, publish and roll back guides from the dashboard. Changes are live within a minute.
- 05
See where people stop
Step-by-step analytics show where users drop out of a guide, so you know which step to fix.
- 06
Small enough to forget
The SDK is about 3 KB to start with. Everything else loads only when a guide begins.
From snippet to first guide in an afternoon.
- 01
Add one snippet
A script tag, npm package or Flutter package, then mark your buttons with data-guide.
- 02
Build the guide
Point each step at a button, add a short clip and choose how the step completes.
- 03
Users learn by doing
Each step plays, spotlights the button and checks itself off when it is done.
Where teams use it.
- 01
A first-run welcome tour
Walk new users through the first thing that matters, such as creating their first invoice, in a few steps.
- 02
Tours on demand
Put guides in your help menu so people can replay one whenever they need it.
- 03
Fixing drop-offs
Find the step where users give up, change it in the dashboard and measure again the same day.
- 04
One guide on every platform
A Flutter app runs the same guide on iOS, Android and the web.
- Web, any framework
- React
- Flutter: iOS, Android, web, desktop
- Claude and ChatGPT
- React Native, next
PlayStep is live. Current plans and pricing are on its own site.
Visit PlayStep
Personal finance Let’s Save 
Project management Sprint Track 
Business finance AccountRio 
Enterprise AI AxceAI
All products Need something like it for your own business? The team that built it takes on MVP development and software development for clients.
Questions, answered.
Do I need to release my app to change a guide?
No. Guides are published from the PlayStep dashboard and go live within a minute.
Which platforms does PlayStep support?
Web apps built with any framework, React, and Flutter on iOS, Android, web and desktop. React Native is next.
What does PlayStep collect about my users?
Guide events with a hashed user ID. No form contents, no screen recording and no cookies.
Is there a free plan?
Yes. It covers one app and a set number of guided users each month, with no card needed. Current plans are on playstep.app.
The team behind PlayStep builds for clients too.
Have a product in mind? We take ideas from first sketch to a first release, with the same team and standards.
