vawe-animation

Entrances use ease-out families like easeOutCubic or easeOutExpo so layers arrive and rest, while exits use ease-in families like easeInCubic so layers leave faster than they came. Limit the film to about three easing characters to keep motion consistent.

Use a split layer with one of the 30+ presets from core/kinetic/presets.js such as up, blur, decode, or type, or apply GSAP char effects like charOvershoot and charBlurCascade with anim set to none. Pick presets from the generated EFFECTS.md catalogue rather than a memorised subset.

Use ζ=1.0 (the house default) for no overshoot, or 0.8-0.85 for a subtle alive feel. Values below 0.55 produce visible bounce that reads toy-like and should be avoided for premium motion.

Monotone motion usually comes from uniform durations like 0.45s everywhere; vary pace so ambient elements drift at 0.8-1.2s and payoffs snap at 0.25-0.35s. Floatiness comes from entrances that never reach true rest, so snap endpoints to 0/1 and hold.

Pair every entrance with a directional exit, such as slide-right in with slide-left out, creating one continuous travel. Avoid enter-and-retreat patterns, and use a defocus blur exit when movement would fight dense content like faces or grids.