uixmat / onborda

An onboarding wizard flow / product tour for Next.js animated by framer motion
https://onborda.dev
687 stars 21 forks source link

Change animation speed #8

Closed tomsaud closed 3 weeks ago

tomsaud commented 2 months ago

Awesome product! One question, could not find in the documentation. Is it possible to define the speed of the animation, when jumping from one element from another?

Heard from some of our users that it is a bit too "fast".

Cheers

uixmat commented 2 months ago

It’s not currently built into the settings but we could definitely add it!

uixmat commented 3 weeks ago

@tomsaud I've now added support for cardTransition which accepts type Transition from framer-motion. It will be released very soon on the next release!

eg.

<OnbordaProvider>
  <Onborda
    steps={steps}
    cardComponent={TourCard}
    shadowOpacity="0.8"
    cardTransition={{ type: "spring" }}
  >
    {children}
  </Onborda>
</OnbordaProvider>