framer-motion

Build smooth, accessible React animations.

frontend animation

What it does

Guides creation of performant animations with Motion in React applications.

When to use it

Use when creating animations with Motion, React, and TypeScript.

It changes how the agent creates performant animations in React projects.

What you provide

No additional actions listed in the analysis.

React projects use the Motion package through its motion/react entry point.

React DevTools is used when inspecting re-renders during performance debugging.

Chrome DevTools is used when identifying animation jank during performance debugging.

Actual devices, especially mid-range Android phones, are used for optional performance testing.