Motion.dev (formerly Framer Motion) is a modern animation library and documentation hub for React, vanilla JavaScript, and Vue that simplifies building hig…
Motion.dev (formerly Framer Motion) is a modern animation library and documentation hub for React, vanilla JavaScript, and Vue that simplifies building high-performance, natural-feeling UI animations. It offers a declarative component API (e.g., motion.div, motion.svg), variants, keyframes, and physics-based spring and easing options, plus timeline-style and imperative controls via useAnimation. Key features include layout and shared layout transitions (layoutId), presence-aware mounting/unmounting animations (AnimatePresence), gesture support (drag, tap, hover), scroll-driven animations, and SVG support. Use Motion to implement micro-interactions, animated lists, page transitions, loading states, and complex choreographies with accessible, composable, and tree-shakable code. Its integration with common styling approaches and SSR-aware patterns makes it a practical choice for production web front-ends seeking polished motion design.
This page belongs to the OpenClaw Skills learning hub with install guides, category navigation, and practical links.