Hi everyone! 👋

After struggling for years to find a good onboarding library — especially one that could interact with forms, handle routing mid-tour, support viewports, and trigger steps based on user events — I finally decided to build my own.

Meet NextStep.
A simple, flexible, beautifully customizable onboarding solution for Next.js and React.
(And with the 2.0 beta, it now supports even more React frameworks.)

NextStep makes it easy to create interactive product tours that actually feel part of your app. It’s lightweight, smooth thanks to Framer Motion, and fully customizable so you can make it match your UI perfectly.

⭐ What you can do with NextStep

Enhance onboarding: Help users understand your product right after signup, step-by-step.
Interactive help: Replace static docs with dynamic tours that explain features right on the UI.
Better error handling: Instead of throwing generic toasts, show users exactly how to fix issues.
Event-triggered tours: Guide users based on their actions, keeping them on the right track.

🎯 Why NextStep is better

Route between pages during the tour
Easily implement events in any React environment
Bring your own custom card component for full UI control
Built-in support for inside-viewport walkthroughs
Lightweight, simple API, and fully customizable animations
Users can interact with forms while the tour runs, and you can trigger steps from their actions

The best part? It’s super quick to set up — give the demo a try and you’ll see how smooth and fast it is.

I hope NextStep helps you deliver better onboarding experiences and more engaging products. Would love your feedback! 💛

NextStepjs

About