Web, React and Flutter

Playable guides for any app

Each step shows a few seconds of exactly what to do, highlights the real button, and checks itself off when your user does it. Like clearing a level.

Start free Read the docs

Free for 250 guided users a month · Pro from $9.99 a month

Invoicely

Invoices

Clients

Reports

Invoices

INV-1042Globex$2,400

INV-1041Initech$860

INV-1040Umbrella$1,920

Four steps, a clip each. Try it here.

How it works

Live in an afternoon, not a quarter

Step 1
Add one snippet
A script tag, an npm package or a Flutter package. Mark the buttons your guides point at with data-guide.
Step 2
Build the guide in the dashboard
Point each step at a button, add a 5-second clip, pick how it completes. Publish without an app release.
Step 3
Users learn by doing
Each step plays its clip, spotlights the real button and checks itself off when they tap it.

Platforms

One dependency on web, React and Flutter

The web SDK loads in under 3 KB and fetches the rest only when a guide starts. The Flutter package anchors guides to real widgets on iOS, Android, web and desktop.

Web: script tag or npm, any framework
React: a provider and two hooks
Flutter: GuideAnchor around any widget

HTML

<script async src="https://cdn.playstep.app/sdk/v1/loader.js"
        data-app-key="ps_pub_prod_your_key"></script>

<button data-guide="new-invoice-btn">New</button>

Dart

await PlayStep.init(appKey: 'ps_pub_prod_your_key');

MaterialApp(builder: PlayStep.builder, navigatorObservers: [PlayStep.navigatorObserver]);

GuideAnchor(id: 'new-invoice-btn', child: FilledButton(onPressed: create, child: const Text('New')));

Video first

Show, don't tell. Then let them do it.

A clip for every stepThree to ten seconds of exactly what to do, muted and looping. Tap to unmute or expand.

The real button, spotlightedThe step points at the element in your app, not a screenshot of it, and follows it as the page moves.

Checks itself offWhen the user taps the button or your app sends the event, the step completes and the next clip plays.

Pricing

One plan, priced for small teams

You pay for guided users: people who actually saw a guide. Visitors who never see one, your test traffic and previews are free.

Free

For side projects and trying it out.

1 app
3 live guides
250 guided users a month
1 GB of hosted video
20 stored clips
Clips processed in your browser
External video links, never counted
"Powered by PlayStep" badge

At the limit, new users stop seeing guides until next month. Your app never breaks.

Start free

Pro

For apps with real users.

Save 17%

$9.99a month, billed $119.88 yearly

3 apps
Unlimited live guides
2,500 guided users a month
10 GB of hosted video
500 stored clips
Server clip processing
External video links, never counted
Remove the badge

Above the allowance: the first 10% is free, then $2 per 1,000 guided users and $0.05 per GB, with a spend cap.

Start with Pro

What would I pay?

Guided users a month10,000Hosted video a month8 GBKeep the default $25 spend cap

Clips you host yourself or embed from YouTube and Vimeo never count toward hosted video.

Pro, billed annually: $9.99
Guided users overage: $15.00
Hosted video overage: $0.00
Spend cap applied: −$0.00
A month: $24.99

Compare

A fraction of the price of a tour platform

Entry prices and features of in-app guide products
Product	Entry price	Pricing model
PlayStep	$9.99/mo	Guided users (2,500 included)
Appcues	~$249/mo	MAU (up to 3,000)
Userpilot	$299/mo	MAU (2,000)
Chameleon	~$279/mo	Users who see experiences
Pendo	~$20,000+/yr	Custom

Other products' prices are their publicly reported entry prices as of October 2026, billed annually. Check their sites for current pricing.

FAQ

Questions people ask

What is a guided user?

Someone who was shown at least one guide in a month, in production. Visitors who load your app but never see a guide are free, and so are development traffic and dashboard previews. Users are counted once per month across all your apps.

What counts as hosted video?

Only clips we store for you, counted once per clip per session (loops replay from the cache). Clips on your own CDN and YouTube or Vimeo embeds are never counted.

What happens when I go over?

On Free, new users stop seeing guides until next month; people already in a guide finish it, and your app keeps working. On Pro, the first 10% over is free, then usage is billed at $2 per 1,000 guided users and $0.05 per GB, up to your spend cap (default $25).

Which platforms are supported?

The web (any framework, via a script tag or npm), React, and Flutter on iOS, Android, web and desktop. React Native is next.

Do I need to release my app to change a guide?

No. Guides are published from the dashboard and are live within a minute. Your app only needs the SDK and data-guide attributes (or GuideAnchor widgets) on the elements guides point at.

What data does the SDK collect?

Guide events (shown, step completed, finished, dismissed) with a hashed user ID, the platform and the anchor. No form contents, no screen recording, no cookies.

Can I cancel any time?

Yes, from the billing portal. Monthly plans stop at the end of the period; any outstanding overage is charged when you cancel.

Your first guide, live in 10 minutes

Free for 250 guided users a month. No card needed.