OnboardJS
Github

Headless Onboarding for React. No Overlays. Full Control.

State management, analytics, and persistence built-in. Skip the tour library limitations. Deploy custom flows in minutes.

Star us on GitHub
WelcomeStep.tsx
stepsConfig.ts
function WelcomeStep() {
  const { next } = useOnboarding()
  return (
    <div>
      <button onClick={() => next()}>Next</button>
    </div>
  )
}

Persona Select Example

This is an example of how you can easily create more personalized onboarding experiences by allowing users to select their role or persona. This helps tailor the onboarding flow to their specific needs and use cases.

Dependencies

@shadcn/card @shadcn/label @shadcn/input