Personality
Overshoots the target, then settles. The most human easing. It says: "I arrived enthusiastically."
Drama
Massive overshoot. For moments that matter. Hero reveals, modal entries, the thing you can't miss.
Calm
Maximum smoothness, zero bounce. The "I'm in control" curve. Scroll transitions, page morphs, confident deceleration.
Elastic
Pulls back before launching. The slingshot. For toggles, mode switches, state changes with attitude.
Urgency
Alarm mode. Sharp entry, sharp exit. No ease. Binary. Something demands attention now.
Warning
Alarm mode. Explosive start, abrupt stop. The motion equivalent of slamming the brakes.
move your cursor through the text
Every transition has a curve. Every curve has a personality. Ease-out says "confident." Spring says "playful." Linear says "machine."
Static sites are documents. Kinetic sites are organisms. The motion is not decoration — it's the voice. How an element enters the viewport tells you whether it's whispering or shouting.
Alarm mode doesn't add motion. It redirects it. The same energy that was playful becomes urgent. Springs become staccato. Overshoot becomes shake. White becomes red.
hover to expand — richness through depth, not hue
Spring
Overshoot and settle. The most human easing. tension: 300, friction: 20. It says "I arrived enthusiastically."
Critically Damped
Smooth arrival, zero bounce. The physicist's choice. No drama. Maximum elegance. Opacity fades, page transitions.
Ease-out
Decelerate into rest. Confident arrival. The cursor moves; the element follows — but slower, deliberately, arriving after you've already looked away.
Staccato
Alarm mode only. Sharp in, sharp out. Binary motion. Something demands attention. Red enters the monochrome. Warning without panic.