Tone

Transitions shape feeling

Every motion curve shapes feeling as well as movement. Springs pulse with energy, eases drift in a comforting rhythm and speed sets urgency. Choose a curve that aligns mood with motion.

Design with Intention

Use springs to spark life and playfulness in notifications or buttons that jiggle on hover. Opt for eases when elements should enter or exit gently. Fast springs feel bold and urgent, while slow eases invite reflection. Combine quick arrivals with smooth departures to give each interaction its own personality.

Test in context and adjust stiffness, damping and duration until your motions delight and guide users with clarity.