The best way to
animate SVGs
VectorMotion is the visual editor that turns static SVGs into production‑ready animations. No CSS hacks, no timeline headaches — just design, animate, and export.
Powered by motion-svg — the open‑source engine for path‑level SVG animation.
motion-svg
The engine behind it all.
The first declarative SVG animation engine built specifically for path-level control.
$npm install motion-svg
Zero-dependency engine
TypeScript-first API
Path-level <path> control
Native variants (idle, hover, loading, success…)
React binding + Web Component
JSON bundle versionable in Git
Plugin system (spring, custom easing, hooks)
Player per .motion-svg.json
import { MotionSvgPlayer } from 'motion-svg/react'
<MotionSvgPlayer
data={bundle}
variant="hover"
/>