Love44
Curated by Love44's Head of Prompt Engineering. Every prompt here has shipped a real app.
← All resources
Before / After UI10 / 10

Easing is character

Watch the two boxes below. They're moving the same distance.

Linear
Eased
Follow-up prompt

"All animations are linear or default ease — they feel mechanical. Use these four easing curves: entrances → cubic-bezier(0.16, 1, 0.3, 1) (expo-out, the workhorse). Exits → cubic-bezier(0.4, 0, 0.2, 1) (material). Playful bounces → cubic-bezier(0.34, 1.56, 0.64, 1). Never use 'linear' or default 'ease'. Timings: 150ms hover, 300ms state change, 600–800ms entrance, 1200ms+ hero reveal. Stagger entrances by 80–120ms between elements."

Why: Linear motion is dead motion. Easing curves are the personality of the product — expo-out feels confident, material feels precise, spring feels playful. Pick the one that matches your brand and use it consistently.