Make sure users see what you ship

Announce features, add tooltips, and onboard users inside your app — published in 5 minutes without writing code.

Start free

$19/mo flat — no per-user pricing. No credit card required.

app.example.com
NewRealtime dashboards

Dashboard

Revenue
$48.2k
Active users
2,847
Conversion
3.6%
Active users
Last 7 days
  • Weekly revenue summary
    Updated 2m ago
    Ready
  • Signup funnel — Q2
    Updated 14m ago
    Ready
  • Churn cohort analysis
    Updated 1h ago
    Draft
1
Welcome to Acme 👋

Take a 30-second tour of your new analytics workspace — we'll show you around.

Step 1 of 4

Use cases

Launch, onboard, support — without a deploy

Build a tour once, drop it anywhere in your app — shipped in an afternoon, not a sprint.

Anchor a tour to the feature itself — users discover it in context, not in a changelog they'll never read.

Learn about feature adoption

The difference

Ship day, with and without StepsKit

The same release, two very different weeks.

Without StepsKit

  • Features launch in a changelog nobody opens
  • “How do I…?” tickets pile up in support
  • Engineering hand-builds every tooltip and banner
  • Adoption is a guess
Support

Where's the new export button?

Slack

did we ever launch the dashboard thing?

With StepsKit

  • Every release gets an in-app tour or announcement
  • Answers live right where the question happens
  • Anyone on the team publishes in minutes — no deploy
  • Views and completions on every guide
New

Analytics dashboard is live

See where every signup comes from — sources, campaigns, and plans in one view.

Take the tour

Build with AI agents

Let your AI agent build it

StepsKit ships an MCP server — Claude Code, Cursor, and Codex draft your onboarding straight from your codebase.

$npx -y @stepskit/mcp
  • Ask for the outcome the agent picks the right surface and writes the copy.
  • Anchored to your real markup selectors come from the components you actually shipped.
  • Nothing goes live on its own drafts land unpublished, you review and publish.
Read the setup docs

How it works

From install to live tours in 5 minutes

One npm install, one visual builder, no engineering handoff.

1

Install StepsKit

One dependency and one component — or a single script tag if you don't have a build step.

terminal
npmpnpmyarnbun
$ npm install stepskit
  added 1 package in 1.2s
app.tsx
import { StepsKit } from "stepskit/react";

// Render once, at the root of your app.
<StepsKit apiKey="sk_live_a3f..." />
2

Build tours visually

Add steps, write copy, and preview — right from your dashboard.

Onboarding Tour3 steps
Preview
Publish
1
Welcome to StepsKit!

Let us show you around your new dashboard.

Image / GIF
Step 1 of 3
Next
2
Click SettingsPopover
3
Enable Dark ModePopover
3

Target the right users

Show tours by plan, role, URL, or any attribute you pass.

Visibility Rules
Save
SHOW TOUR WHEN
Plan
=
pro
AND
URL
contains
/dashboard
AND
Role
=
admin
Matches 847 users
Show once per user
4

Watch it work

Tours reach matched users instantly; completions land in your analytics.

yourapp.com
New
1
Export to PDF

Click here to export any report.

1 of 2
Next
87% completion
1.2k views

In-app tooltips

Drop a tooltip right where users get stuck

Persistent, contextual help anchored to any element in your UI.

Five indicator styles
question mark, info, dot, pulse, or badge.
Click to reveal
one click opens a popover with a CTA.
Smart targeting
by plan, role, URL, or any attribute.
Learn more about tooltips
yourapp.com/settings

Workspace settings

Workspace name

Acme Inc

Custom domain

Serve tours from your domain

Point a CNAME at StepsKit and everything loads from tours.acme.com.

Set up your domain →

tours.acme.com

Default language

English
Save changes

The beacon is live — hover it.

Quick question

How was your experience with the new editor?

Tap a face — this card is real.

NPS 62

1.4k responses

In-app surveys

Know how your users feel — without the email blast

A small card slides in, the visitor taps a score, and your NPS updates automatically.

Three rating scales
0–10 NPS, 1–5, or sentiment emojis.
Targeted and capped
same targeting as tours; ask once, not every visit.
NPS built in
promoters, passives, detractors — computed for you.
Learn more about surveys

Targeting & templates

Show the right tour to the right person

Target by plan, role, or any attribute you pass — and never start from scratch.

Smart targeting

Try it — this is the real editor.

stepskit.com/app/acme/tours/welcome-tour/settings

Audience Targeting

Control who can see this based on user attributes

This will not be shown to anyone. Configure audience targeting before publishing.

All users will see this when it matches the URL pattern.

Only users matching the rules below will see this.

Show only if the user matches all of the rules below

Rules

AND
Learn more about targeting

Built-in templates

Never start from a blank page

stepskit.com/app/tours/new

What are you building?

Welcome Tour

Your tour will be available at /tours/welcome-tour

Browse all templates

Pricing

$19/mo flat. That's it.

One plan. Everything included. No surprise bills when you grow.

Pro Plan

Everything you need to announce features, onboard users, and drive adoption.

Includes:
  • Unlimited tours, tooltips, and announcements
  • Unlimited users — no MAU pricing
  • AI content assistant
  • Analytics dashboard
  • Custom theming
  • Embed on any domain
Launch pricing

Billed monthly

$39$19/month

Flat rate. No per-user fees.

Start free

Free tier available · No credit card required
14-day money-back guarantee

FAQ

Questions & Answers

Stop losing users before they see the value

Build your first tour in 5 minutes. No engineering ticket, no credit card required.

Free tier available
No per-user pricing
Cancel anytime