01
Start from what you have
Drop an SVG logo or a Lottie file. It comes in as editable layers, paths, fills and keyframes, not a flat picture.
A browser editor for Lottie with a real canvas, layers and timeline. Connect your AI agent and it builds editable animations right in the project you have open.
No install · SVG & Lottie import · Lottie, GIF & video export
How it works
01
Drop an SVG logo or a Lottie file. It comes in as editable layers, paths, fills and keyframes, not a flat picture.
02
Plant keyframes and tune easing on the timeline yourself, or describe the motion and let your AI agent write the tracks.
03
Lottie JSON for apps and the web, GIF for loops, MP4 or WebM for decks and social, all from the same project.
MCP for AI agents
LottiePath turns your open project into an MCP server. Your agent reads layers, writes keyframes, previews frames and saves, while you watch it happen on the canvas and take over whenever you like.
Every change lands in the editor tab you have open. Scrub it, undo it, or keep editing by hand.
Agents build shapes, paths, text and animation tracks you can edit, never a flattened video.
Agents render preview frames from an exact revision, so they look at the motion before they answer.
Each command package is validated against the current revision and applied all-or-nothing. Rotate your key anytime.
{
"mcpServers": {
"lottiepath": {
"type": "streamable-http",
"url": "https://…/mcp",
"headers": { "Authorization": "Bearer lp_m…" }
}
}
}get_layersapply_commandstrack.set_keyframestext.apply_presetrender_previewsave_projectexport_animationThe editor
Layers, properties and a timeline in one view. Select anything the agent made, change it, and keep animating.
LottiePath editor
Hover to find things on the canvas, drag rows to restack, group with ⌘G. Copy, paste and duplicate keep their animation.
Draw paths, drag points and handles, morph shapes over time.
Google Fonts with typewriter, fade, slide and blur text animators.
Solid, linear and radial paints on fills and outlines.
Drop shadows and blur that export to Lottie.
Alpha track mattes and clipped groups for reveals.
Trim and dash strokes to draw lines on.
Ease presets, custom curves from imports and hold keys.
Copy, paste, duplicate, group and nudge without the mouse.
Export
Finish the motion once, then download what each channel needs.
Vector, lightweight and editable. Plays in Lottie players on iOS, Android and the web, with text shipped as outlines.
Video for pitches, product tours and social, from 480p up to 4K.
Quick loops for docs, chats and emails, transparent when you need it.
Pricing
For trying ideas and quick loops
$0
Get startedFor shipping motion in products
$5per month billed annually
Go ProFAQ
Animate by hand, hand it to your AI agent, or both.
Jump into a focused workflow: same editor, intent-specific start.
Animate an SVG mark for brand motion.
Bring vectors to life on the timeline.
Build Lottie animations in the browser.
Import SVG, animate, export Lottie JSON.
Turn Lottie JSON into an animated GIF.
Export video for decks and social.