FIG-001/ GESTURE

momentum carries.

Each gesture channel rides a persistent MotionValue, so interrupting a spring re-targets the SAME value — position AND velocity carry into the next animation. Flick across the card or press mid-spring and the motion continues instead of snapping to a dead start.

  • Press while the whileHover spring is still climbing toward 1.4x — the retarget to whileTap 0.9 launches from the hover's upward velocity, so the scale keeps growing for a beat before it reverses. That overshoot-then-reverse is the momentum you'd feel in the real thing.
  • No explicit transition — motion's default springs apply. Because a single MotionValue backs the channel across gestures, velocity is continuous through every hover↔tap handoff and rapid re-hover.
  • Nothing to wire up: the same declarative whileHover / whileTap props gain the momentum for free. Flick the pointer across the card to feel a re-hover carry too.
↩ all examples
pattern · velocity continuity mode · live running source
// velocity interrupts momentum: carried
flick across · press mid-spring momentum carries
category · gesture
sheet · sheet 01 / 01
⟳ to re-run

Velocity Interrupts