Motion Performance Engineering

Engineer fluid 60fps and 120fps user interface animations by enforcing GPU composite-only transforms, calibrating spring physics timing curves, budgeting main-thread render times, and honoring system accessibility motion preferences.

When to Use

• Implementing interactive page transitions, modal drawers, dialog animations, and micro-interactions
• Eliminating frame drops, layout jank, and stutter in complex component trees
• Calibrating spring physics parameters (stiffness, damping, mass) for tactile UI responsiveness
• Optimizing GPU memory usage and layer promotion on mobile web applications
• Adding comprehensive @media (prefers-reduced-motion: reduce) fallbacks across animation systems

Core Rules