OnboardJS

Stop Reinventing the Onboarding Wheel. Start Building.

Your users need smooth flows. You need clean code, faster. OnboardJS handles the messy state stuff so that you can focus on building.

Get startedView 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