NextStep - Lightweight onboarding library for nextjs and react apps
NextStep is an open-source library for Next.js (v1) and React (v2-beta), enabling interactive product tours with ease.
Smooth Framer Motion animations which you can customize
-Step-by-step onboarding tours
-Event-triggered custom tours to boost engagement
Replies
This looks fantastic. How does the library perform in terms of impact on Next.js apps?
@benjamin_anderson3 it is very light, so no performance effect. It improves user experience significantly.
I love the smooth Framer Motion animations. Does NextStep allow for multi page tours or is it mainly focused on single page applications?
@charlotte_richardson1 yes, it allows multi page tours. You can see demo here
https://nextstepjs.com/demo
Huge congrats on launching NextStep @enes_zorlu
Is NextStep compatible with server side rendering (SSR) in Next.js
or is it primarily designed for client side interactions?
@grace_phillips1 you can use it on ssr pages, but card component itself needs to be client component as it has user interaction
Congrats on the launch Alex
@coderamrin thanks Amrin! Appreciate it.
Documenso
Really cool stuff. I was happy when I randomly discovered it. Congrats and good luck with the launch!
@catalinmpit first ever supporter, I will never forget you mate!
Great concept but does NextStep provide options for users to dismiss tours or re trigger them only when needed?
@madelyn_wright yes it does. And you can turn this on and off.
This is an excellent tool. Does it have support for multi-step modals?
@madison_scott1 yes it does. You can trigger nextstep with Modal next button as well. Just need to use the hook and call the function.
Paperguide
Loved it.. Does onboarding forms in pipeline?
@roopreddy thank you! Yes, you can also integrate this with onboarding forms.
NextStep is very promising but how does it stack up against existing onboarding tools like Shepherd.js or Intro.js?
@lucas_edwards2 it has significant advantages to them.
They are great tools as well. nextstepjs got couple advantages.
-You can route between pages during the tour
-Default events are easier to implement with react frameworks
-You can provide your card react component which fully customises how the tour looks like
-It has builtin support for inside viewport tours
-Very simple to use, lightweight
-Nice customizable Framer Motion animations
These are the ones I can quickly list. Try the demo, it is very efficient and fast.
I could not use others because I wanted to use onboarding with forms and wanted to trigger tour changes with user actions. But you can do those with nextstepjs
Thanks for uploading! Amazing onboarding tool with great features!
@e_f5 thanks for the feedback!
Well done! Excited to see where this product goes next.
Looks fantastic Alex! Congrats on the launch :)
@miracodes thanks a lot Mira. Appreciate the support!