Interactive Vector Animations for the Web, Powered by AI & Physics.
Build buttery-smooth SVG animations using natural language and real-world physics. No heavy runtimes, no proprietary players — just pure web code. And it's all local: every scene, key, and file lives in your browser.
✓ Free forever · ✓ No sign-up · ✓ No ads · ✓ No watermarks on exports
▶ Tutorials: Vector Editor · Character Studio · Asset Studio · Overview
Try it — the card on the right is a real gallery item: a SVGMotion export with callable methods, a share link, and a remix path — exactly what you get on its item page.
Vector animation shouldn't need a proprietary runtime.
Today's options
- Figma & Illustrator stop at static art — motion means leaving the tool.
- Rive locks your work inside a custom player and binary format.
- Hand-coded CSS keyframes can't express gravity, bounce, or tumbling.
- Video & GIF exports are heavy, blurry, and impossible to trigger.
SVGMotion
- Describe it — AI generates the artwork, actions, and state machine.
- Bake-then-play physics — simulated once into keyframes; no engine ships.
- Exports plain .svg files that render anywhere a browser does.
- Every export is callable:
player.call('spin')just works.
An editor where the output is the product.
AI-to-Motion
Prompt in plain language — “a heart that pops on click with a ring pulse” — and get editable layers, actions, transitions, and a wired state machine. Nothing is hardcoded; every scene is generated.
Rigid-body physics
Bounce, roll, tumble, slide, pendulum, projectile — deterministic simulation baked into ordinary keyframes. Bake-then-play: the export plays keys, not an engine.
State machine
Click, hover, scroll, and auto triggers on a visual graph — with guard expressions and inputs.
Keyframes & pivots
Per-key easing, holds, vertex pin-rotation, movable pivots — the fine control animation needs.
Compact export
One .svg file: artwork + motion + API. SMIL and Lottie too. ~3 KB of clean markup, not a runtime.
Callable from your code
Exports ship a tiny player API — player.call('launch'), player.play.launch(), player.setInput('armed', true). Trigger from scroll, clicks, or your app's logic.
Drop it in. Call it.
<!-- the file renders on its own; add the runtime only if you want to drive it --> const player = SVGMotionPlayer(mount, scene); player.call('launch'); // run an action by name player.play.hover(); // or as a method player.setInput('count', 3); // feed the state machine
Character Studio — creatures that act on their own.
A sibling of the editor: rig a character's parts once, then drive it with micro-actions, named macros, a multi-entity world stage, and an AI director that composes motion at runtime.
Your first animation is a prompt away.
Everything runs in your browser — your files stay on your machine. Generate, remix a gallery item, or draw your own.
