01
Layered canvas
Stack shapes, groups, text, and images on an artboard that feels like a design tool — because it is one.
LottiePath is a canvas + timeline editor for motion UI — import SVG or Lottie, keyframe layers, and export files your app can play.
No desktop install • SVG & Lottie import • Lottie, GIF & video out
Preview belowThe workspace
Artboard, layers, and timeline in one view — the same layout you get once you open a project.
Timeline
Export
Lottie · GIF · Video
Shape, time, and export live in the same project. Finish the motion once — then download the format your product needs.
01
Stack shapes, groups, text, and images on an artboard that feels like a design tool — because it is one.
02
Scrub time, drop keyframes, and tune easing without drowning in panels.
03
Drop SVG or Lottie JSON and keep editing paths, fills, and motion in place.
04
Hand off Lottie for apps, GIF for loops, or video when you need a flat file.
Drop SVG or Lottie JSON, tweak paths and timing on the timeline, then export Lottie, GIF, or video — all from the browser.
Open a projectWebM or MP4 for pitches, social, and handoff decks.
Quick loops — transparent when you need it.
Vector motion JSON for product UI and the web.
Use the free tier to explore. Upgrade for unlimited projects and HD exports — monthly or yearly Pro.
Billed monthly
$9per month
Best value
$40per year
FAQ