review-animations

To review UI animation code, check easing curves, duration, transform origins, and GPU-only properties. Verify reduced-motion support, hover gating, and interruptibility to prevent sluggish or inaccessible motion interactions.

Reduced motion support ensures UI transitions respect user accessibility preferences by minimizing or removing non-essential animation. It prevents visual discomfort and is a strict requirement for inclusive modal, dropdown, and toast motion design.

Check if dropdown or modal animations cancel mid-flight when a new interaction triggers. Interruptible motion prevents sluggish UI by discarding stale transitions immediately instead of queueing or forcing completion.

Animation review checks for non-GPU properties by flagging CSS rules that animate layout or paint instead of transform and opacity. Using GPU-only properties ensures smooth frame rates and prevents jank.

Evaluate tooltip easing and duration by applying strict craft criteria: flag weak easing curves and excessive durations. Rapid interactions require snappy timing, while deliberate interactions allow broader motion design.

Sluggish toast animations often stem from animating non-GPU properties, wrong transform origins, or excessive duration. Reviewing motion code for weak easing and poor interruptibility surfaces these subtle craft regressions.