useSpring
useSpring
creates a motion value that will animate to its latest target with a spring animation.
The target can either be set manually via .set
, or automatically by passing in another motion value.
Usage
Import useSpring
from Motion:
Direct control
useSpring
can be created with a number:
Now, whenever this motion value is updated via set()
, the value will animate to its new target with the defined spring.
It's also possible to update this value immediately, without a spring, with the jump()
method.
Track another motion value
Its also possible to automatically spring towards the latest value of another motion value:
Transition
The type of spring
can be defined with the usual spring transition option.
Examples
A Motion+ membership will give you early access to features & content, access to our private Discord, and more.
It's a one-time fee that grants lifetime access. No subscription necessary!