OnboardJS Analytics is in early access. Sign up free to try it.

Open‑Source React Onboarding Libraries (JavaScript Headless Core)

Build Onboarding Flows.
See Where Users Get Stuck.

OnboardJS is a headless React onboarding library with analytics built in. Track every onboarding step, understand drop‑offs, and iterate with real data.

Works with your existing analytics stack

OnboardJS seamlessly integrates with popular analytics and backend platforms, making it easy to incorporate into your existing workflow.

Build complex user onboarding flows with ease

OnboardJS is your free and open-source alternative to mainstream SaaS onboarding platforms and pricey custom solutions.

Try me!

Cartoon arrow pointing to the domain marquee below

Install OnboardJS

Get onboarding and analytics running in minutes

Install packages

Install the core library and the React hooks package to get started.

Terminal
1 lines
npm install @onboardjs/core @onboardjs/react
Terminal
1 lines
pnpm install @onboardjs/core @onboardjs/react
Terminal
1 lines
yarn add @onboardjs/core @onboardjs/react

Easy to configure

Configure your onboarding steps in a few lines of code.

steps.tsx
tsx
14 lines
1export const steps = [
2  {
3    id: 'welcome',
4    payload: {
5      title: 'Welcome to Our App!',
6    },
7    component: WelcomeStepComponent,
8  },
9  {
10    id: 'profile-details',
11    component: ProfileSetupFormComponent,
12    nextStep: null,
13  },
14]

What our users say

Testimonials

B2C & B2B SaaS

“We built our onboarding with #OnboardJS
Our completion rates are now 89%.”

RotateProduct logo
RotateProduct
@rotateproduct

Features

Powerful features to help you manage customer onboarding

Insight

🎯 Headless & Framework Agnostic

Bring your own UI. OnboardJS handles the complex state management while you focus on design.

Developer Experience

⚡ Built with TypeScript

Full type safety, autocomplete, and IntelliSense support. No more runtime surprises.

Speed

🔄 Smart State Management

Complex conditional flows, persistence, and navigation handled automatically.

Extensibility

🔌 Plugin Ecosystem

Easily extend functionality with plugins. Integrate with your favorite tools and services.

Ride the Wave

🌊 Dynamic Flow Control

Create dynamic, context-aware onboarding flows that adapt to user behavior.

Find revenue hiding in your onboarding

Reveal where users stall, learn what drives engagement, and turn your onboarding into a growth engine.

Stay Ahead: Get OnboardJS Updates & Developer Insights.

Receive developer-focused updates on new OnboardJS features, exciting plugin releases, and proven strategies for user activation. Your privacy is paramount. No spam, ever. Unsubscribe instantly.