Motion

Finally: Hardware acceleration. Sequenced springs. Directionally-aware callbacks. Nested sequences. Add, move and remove sequences. Relative labels. Progress callbacks. Play to labels.

Timelines 2.0 in Motion.

Before, only springs defined with physics options like stiffness/mass/damping maintained velocity from one animation or gesture to the next.

Now in Motion 14.12, springs defined with visualDuration and bounce also respect existing velocity.

Pinch gesture now available in Motion 14.11

Configure pinch, rotate, origin, elastic constraints, rotational snapping and more. Compatible with touch, trackpad and wheel.

Available via the new pinch() function and in React via pinch and whilePinch props.

New to press() and motion.div: Double press, long press and repeat press gestures.

With the new count, hold and repeat settings you can mix and match these gestures and their associated callbacks to respond to press in all kinds of new ways. And of course - full keyboard a11y.

Motion 14.7 introduces transition.out

This new prop lets you define a transition specifically for when a motion component *leaves* a state. This is a long-standing black hole in the API, ensuring for instance a mount delay doesn’t affect later hover transitions.