Calm

Breathing Pulse

Slow, rhythmic expansion mimicking breath

4sease-in-out

Calm

Floating Drift

Gentle vertical movement with soft deceleration

6scubic-bezier(0.45, 0, 0.55, 1)

Calm

Gentle Fade

Smooth opacity transitions

3sease-in-out

Urgency

Rapid Shake

Quick horizontal vibrations

0.1slinear

Urgency

Snap Movement

Instant position changes with no easing

0.15scubic-bezier(0.9, 0, 1, 1)

Urgency

Staccato Pulse

Sharp, rhythmic bursts of scale

0.2scubic-bezier(0.7, 0, 0.3, 1)

Hesitation

Start-Stop Stutter

Movement that begins, pauses, then continues

2scubic-bezier(0.25, 0.1, 0.25, 1)

Hesitation

Overshoot Pullback

Goes past target then retreats

1.2scubic-bezier(0.34, 1.56, 0.64, 1)

Hesitation

Delayed Start

Long pause before action begins

1.5sease-out

Confidence

Direct March

Strong, linear movement to destination

0.5scubic-bezier(0.4, 0, 0.2, 1)

Confidence

Bold Scale

Decisive size transformation

0.4scubic-bezier(0.25, 0.46, 0.45, 0.94)

Confidence

Crisp Rotation

Clean, precise angular movement

0.6sease-out

Playfulness

Bouncy Landing

Elastic overshoot with multiple bounces

0.8scubic-bezier(0.68, -0.55, 0.265, 1.55)

Playfulness

Squash & Stretch

Classic animation principle in action

0.6sease-in-out

Playfulness

Surprise Direction

Unexpected path changes

1scubic-bezier(0.175, 0.885, 0.32, 1.275)