AutoAnimate

Reach for this before Motion or Framer Motion whenever the animation is just 'the list changed' — todo lists, filtered grids, form field arrays, accordions, drag-reorder results — because it is one hook on the parent instead of AnimatePresence, layout props and keys on every child. It does not do enter/exit choreography, scroll-driven timelines, gestures or shared-element transitions; the moment you need those, switch libraries rather than fighting the plugin API. Watch two traps: the animated children must be direct children of the element you attach to, and every child needs a stable key or React will destroy and recreate nodes that AutoAnimate then animates as unrelated add/remove pairs.

Why it is here. It removes the single most common motion chore in web apps with essentially zero configuration and no design decisions to make, and it honours reduced-motion without being asked.