motion - React Animation Library with Gestures and Scroll Effects
Build React animations with drag, hover, scroll, and physics effects
Tags
Updated: 2026-02-09Capabilities
Typical Inputs
Typical Outputs
What this skill does
- animate React components
- apply drag gestures
- create scroll animations
- trigger hover effects
- morph SVG paths
- manage exit transitions
Inputs
- React components
- animation parameters
- SVG elements
- scroll position
- gesture inputs
Outputs
- animated UI elements
- transformed components
- interactive gestures
- scroll-linked animations
Requirements
- React 18+ or 19+
- client-side rendering
- Next.js use client directive
- no Tailwind transition conflicts