react-spring-physics

Use the useSpring hook with from and to values, then apply the returned springs to an animated component's style prop. For imperative control, use the function config form which returns an api object with a start method to trigger animations on events.

React Spring calculates motion purely from physical properties like mass, tension, and friction, producing interruptible animations that preserve velocity. Framer Motion uses a variant-based declarative API better suited for orchestrated layout animations and simpler tween transitions.

Combine React Spring with @use-gesture/react using the useDrag hook. Pass movement values to api.start with immediate set to true while dragging, and pass gesture velocity on release so the spring continues with natural momentum.

This happens when the function config form of useSpring is called without a dependency array, causing a new spring each render. Pass an empty dependency array as the second argument, or use the object config form which updates automatically on prop changes.

Call Globals.assign with skipAnimation set to true from @react-spring/web to make all animations resolve instantly. This is recommended for test suites and for respecting the prefers-reduced-motion media query.

Use Popmotion for low-level control outside React's declarative model, such as inertia scrolling with snap-to-grid via modifyTarget, custom physics simulations, or decay animations. React Spring hooks cover most component-level animation needs.