Lab

Movimento

Things that move when you touch them. Durations, easing curves and the exact distances — the parts that decide whether an interaction feels alive or merely animated.

Magnetic button

The button leans toward the cursor before you reach it, then springs back when you leave. Costs two CSS variables and a pointermove listener.

  • Catchment radius 60px beyond the button box
  • Pull strength 0.35 × offset from centre
  • Release 450ms cubic-bezier(0.23, 1, 0.32, 1)
All categories