Motion for React (Framer Motion) — Expert Skill

Motion (formerly Framer Motion, package: framer-motion OR motion) is the industry-standard animation library for React. It provides a hybrid engine: hardware-accelerated via Web Animations API with JavaScript fallback for springs, gestures, and layout.

References in this skill

File	When to read it
`references/motion-values.md`	`useMotionValue`, `useTransform`, `useSpring`, `useVelocity`, `useMotionTemplate`
`references/layout-animations.md`	`layout`, `layoutId`, `LayoutGroup`, `AnimatePresence`, shared element transitions
`references/gestures-and-scroll.md`	`drag`, `whileHover/Tap/Focus`, `useScroll`, scroll-linked animations
`references/patterns-and-performance.md`	`LazyMotion`, `MotionConfig`, `useReducedMotion`, `useAnimate`, stagger, orchestration