Comprehensive animation guide for Prototyper UI — five copy-paste patterns covering 95% of use cases, easing tokens, duration tiers, press feedback, overlay enter/exit, and accessibility-first motion design.
What Your AI Learns
Five copy-paste patterns — overlays, dialogs, sheets, press, state transitions Easing tokens — signature ease-out-fluid and 6 built-in curves Duration tiers — 100ms instant to 350ms long, with decision rules Per-component overlay class strings — ready to paste Press feedback — exact scale values for buttons, menus, and controls Accessibility — prefers-reduced-motion checklist for every pattern Performance rules — only transform, opacity, clip-path