OnTheWay
User Onboarding
Without the Hassle
Record interactive product tours by clicking through your app. Deploy with one line of code. Powered by AI.
// Install
$ npm install ontheway-sdk
// Use
import { OnTheWay } from "ontheway-sdk"~5KB gzipped · Zero dependencies · Works everywhere
Three ways to create tours
Choose the method that fits your workflow
AI Generate
Describe what the tour should do in plain language. AI analyzes your page and generates steps automatically.
Visual Recorder
Click through your app to capture steps. Elements are highlighted and selectors are auto-generated.
Code & Config
Full control via React SDK, vanilla JS API, or JSON config. Build complex flows programmatically.
Everything you need
Built for developers who ship fast
Tiny SDK
~5KB gzipped. Loads Driver.js from CDN on demand. Zero impact on your bundle.
Smart Selectors
Auto-generates stable CSS selectors. Supports data attributes, IDs, and class fallbacks.
Trigger Modes
Auto-start, first-visit only, or manual trigger. URL pattern matching for targeted tours.
Completion Tracking
Know how many users complete each tour. Track drop-off points and optimize.
React SDK
Provider, hooks, HelpMenu and HelpTrigger components. First-class React support.
Works Everywhere
Vanilla JS, React, Vue, Angular. Any framework, any site. Just a script tag.
Install in 30 seconds
Choose your integration method
NPM Package
For React / Next.js / Node apps
React Provider
Hooks & components
<App />
</OnTheWayProvider>
DevTools
Record tours in your dev environment
projectId="ID"
apiKey="otw_…" />
Script Tag
One line, zero config (CDN)
data-project="ID"></script>
Simple, transparent pricing
Start free, upgrade when you need more
Pro
- ✓Unlimited projects
- ✓Unlimited tasks
- ✓50,000 views/mo
- ✓Priority support
- ✓Analytics dashboard
- ✓Custom branding
Ready to onboard smarter?
Stop losing users to confusing UIs. Start building product tours in minutes.