You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
"Spring-based" animations are animations that use spring-based physics to determine the duration of the animation, as well as the "bounciness", friction, speed, etc.
These kinds of animations are much more flexible and responsive than traditionally "tweened" animations - where you usually define a fixed duration, from/to value, a fixed easing function, etc.
There's loads of widely-used spring-based animation libraries for React, so Component should have one too - in the form of a lightweight, optional add-on like tweenState.
Each of the following candidates are decent because:
a nice API
less than 2kb minified and gzipped
ideally can set all these spring settings: mass, friction, dampening, tolerance/precision
at least some nice callbacks (easy to extend) like onStart, onUpdate, onFinish, etc
"Spring-based" animations are animations that use spring-based physics to determine the duration of the animation, as well as the "bounciness", friction, speed, etc.
These kinds of animations are much more flexible and responsive than traditionally "tweened" animations - where you usually define a fixed duration, from/to value, a fixed easing function, etc.
There's loads of widely-used spring-based animation libraries for React, so
Component
should have one too - in the form of a lightweight, optional add-on liketweenState
.Each of the following candidates are decent because:
mass
,friction
,dampening
,tolerance
/precision
onStart
,onUpdate
,onFinish
, etcHere's a list:
https://github.com/raphaelameaume/lemonade-spring
tweenState
! (..not just single properties like all the others)mass
,friction
,dampening
,precision
https://github.com/ryanking1809/simple-spring
tension
,friction
,mass
,precision
,framerate
https://github.com/mnmly/spring
speed
,tension
,friction
,velocity
,tolerance
https://github.com/asbjornh/tiny-spring
stiffness
,dampening
,precision
https://github.com/tommhuth/spring
stiffness
,damping
,mass
https://github.com/skevy/wobble
stiffness
,damping
,mass
https://github.com/brunnolou/springs
tension
,friction
https://github.com/tannerlinsley/springer
wobble
,tension
https://github.com/rolyatmax/spring-animator
stiffness
,dampening
The text was updated successfully, but these errors were encountered: