motiondivision/motion

The user-facing surface is primarily importable APIs consumed by application developers. React offers animated HTML and SVG components, interaction props, lazy feature loading, and motion-value hooks. Imperative APIs target values, selectors, objects, sequences, layout changes, and browser view-transition layers. Optional adapters extend the same animation machinery to Three.js and vgpu subjects.

• motion components support HTML or SVG rendering and activate animation, exit, drag, focus, hover, tap, pan, viewport, and layout features according to their props.
  packages/framer-motion/src/motion/index.tsx#L75-L88packages/framer-motion/src/motion/features/definitions.ts#L5-L24packages/framer-motion/src/motion/features/definitions.ts#L37-L44
• animate accepts scalar values, MotionValues, elements/selectors, objects, and sequences; animateMini exposes a scoped element-animation API returning grouped playback controls.
  packages/framer-motion/src/animation/animate/index.ts#L40-L83packages/framer-motion/src/animation/animate/index.ts#L119-L144packages/framer-motion/src/animation/animators/waapi/animate-style.ts#L11-L30
• Sequence animation supports callback segments by replacing callbacks with subscribed MotionValues, compiling sequence definitions, and animating each resulting subject.
  packages/framer-motion/src/animation/animate/sequence.ts#L18-L47
• The React API exports useMotionValue, useMotionTemplate, useScroll, useFollowValue, useSpring, useTransform, useVelocity, and useAnimate; MotionConfig exposes default transitions, reducedMotion, skipAnimations, nonce, and prop validation.
  packages/framer-motion/src/index.ts#L46-L58packages/framer-motion/src/index.ts#L65-L78packages/framer-motion/src/context/MotionConfigContext.tsx#L25-L63
• scroll can deliver progress callbacks or attach playback controls to scroll progress, with axis, source/container, target, and offset-dependent behavior; inView is also exported from the DOM entrypoint.
  packages/framer-motion/src/render/dom/scroll/index.ts#L7-L29packages/framer-motion/src/render/dom/scroll/attach-animation.ts#L12-L24packages/framer-motion/src/dom.ts#L6-L8
• AnimatePresence retains removed keyed children until exit completion and supports sync or wait sequencing; LazyMotion enables synchronous or asynchronous feature bundles for lightweight m components.
  packages/framer-motion/src/components/AnimatePresence/index.tsx#L13-L42packages/framer-motion/src/components/AnimatePresence/index.tsx#L149-L165packages/framer-motion/src/components/LazyMotion/index.tsx#L45-L74
• Layout APIs use layout/layoutId props or data-layout/data-layout-id attributes; view-transition builders support paired subjects, crop overrides, and nested-layer grouping, while unsupported startViewTransition still executes the DOM update.
  packages/framer-motion/src/motion/features/definitions.ts#L23-L23packages/motion-dom/src/layout/LayoutAnimationBuilder.ts#L105-L116packages/motion-dom/src/view/index.ts#L89-L140packages/motion-dom/src/view/start.ts#L78-L84
• threeEffect binds transforms, materials, and uniforms using preRender writes; vgpuEffect supports scene and shader-related subjects and batches changed values into one set operation per subject per frame.
  packages/motion/src/three.ts#L21-L47packages/motion/src/three.ts#L172-L202packages/motion/src/vgpu.ts#L55-L81