In simple English
When new people sign up for your software, you want to show them around. This tool helps you build those welcome steps without locking you into a pre-made design. You write the screens yourself, and the library handles the order and the saving. It is free to use under an MIT licence. It is best suited for developers who know React.
What it is
A headless onboarding engine for React and Next.js (a popular framework built on React for making fast websites). It defines multi-step flows as data while letting you bring your own UI.
What it is good for
Solo developers building a web app who want to guide new users through setting up their account, without using expensive paid widgets.
- Complete control over how every step looks and behaves.
- Saves user progress automatically so nobody loses their place.
- Written in TypeScript (a programming language that adds strict rules to catch errors early) with good type safety.
- Requires writing your own design elements from scratch.
- Only works with React and Next.js apps.
- Early project with a small number of stars, so you might run into edge cases.
building custom onboarding state machines from scratch
Next.js
- floating-ui/floating-ui33k stars
A low-level library for positioning tooltips and popovers, which you can use to build custom walkthroughs.
- HypothesisWorks/hypothesis9.1k stars
A Python library that generates test inputs and reduces any failure to the smallest example that still fails.
- wntrblm/nox1.6k stars
Runs your tests and other jobs in fresh isolated environments, described in an ordinary Python file.
npm install @onboardjs/core @onboardjs/react