Motion - 2026 Pricing, Features, Reviews & Alternatives

Motion is a production-grade animation library for React, JavaScript, and Vue, distributed via npm (30+ million downloads per month) and CDN, with cloud-hosted developer tooling. The declarative API covers variants, keyframe animations, layout animations, scroll-triggered and scroll-linked effects, SVG line drawing, and cross-device gesture support (tap, drag, hover). A hybrid engine runs animations through the Web Animations API and ScrollTimeline for up to 120fps, with automatic JavaScript fallback for spring physics, interruptible keyframes, and gesture tracking.

The platform extends beyond the core library with four integrated developer tools. Motion UI delivers a library of performance-graded animated React sections (heroes, pricing, testimonials, bento grids, navigation, CTAs, footers) installable via shadcn CLI or AI agent. MotionScore audits animation performance across four signals (animations, scroll, thrashing, GPU pressure), grades results S through F, tracks regressions, and integrates into CI/CD pipelines. AI Kit provides coding agents such as Claude Code and Codex with current documentation, 430+ example sources, CSS spring generation, and a visual transition editor via MCP integration. A single design token file (motion.theme.ts) controls animation feel globally across all installed components.

Motion targets individual front-end developers and development teams of all sizes shipping production web UI, including organizations such as Framer and Figma. The Motion+ premium tier is available as a one-time purchase, bundling all examples, components, AI workflows, and the visual transition editor under an MIT license with no recurring subscription.