framer-motion

Use Framer Motion variants and transition properties to implement slow in/out and arcs in React. Declarative animate states and staggered children configurations translate these classical animation principles directly into component-level motion design.

Build staggered children and spring-based physics in React animations using Framer Motion's variants and transition configurations. This declarative approach handles gesture-driven states and component-level choreography while maintaining cohesive motion design systems.

Framer Motion supports React micro-interactions through whileHover and whileTap gesture states. These declarative props trigger spring-based physics and transition configurations, enabling expressive component-level interactions without manual animation orchestration.

You can use Framer Motion variants for staged scene choreography in React applications. Variants orchestrate staggered children and timed transitions, allowing you to sequence component-level motion design across animated hero sections and product UI.

Avoid declarative motion variants for React UI animations when you need imperative, frame-by-frame control rather than choreographed scene transitions. Complex physics simulations outside spring-based configurations may require custom imperative animation logic.