ReframeOpen the animator →SVG to Lottie
SVG to Lottie — animate it, then export Lottie JSON
Reframe animates your SVG and exports it as Lottie JSON — the lightweight, scalable format for web and mobile. Add motion with an AI prompt or a preset, then export Lottie without After Effects or the Bodymovin plugin.
How to convert an SVG to Lottie JSON
Animate in the browser, export production-ready Lottie.
- 1
Upload your SVG
Drag and drop any SVG into Reframe. It runs entirely in your browser — no install, no upload to a server.
- 2
Animate it
Describe the motion in plain English for the AI, or choose from 30+ presets, then fine-tune speed and easing.
- 3
Preview the motion
Play the animation live and adjust which elements move until it’s right.
- 4
Export Lottie JSON
Export to Lottie JSON, ready to drop into a website or app with lottie-web, lottie-react, or any Lottie player.
Why use Lottie instead of GIF or video?
Lottie is a JSON-based animation format that renders as vectors, so it stays razor-sharp at any size and any screen density — unlike GIF, which is raster and often heavy. Lottie files are typically a fraction of the size of an equivalent GIF or video, which keeps pages and apps fast.
Traditionally, producing Lottie meant animating in After Effects and exporting with the Bodymovin plugin — a steep, paid workflow. Reframe gives you Lottie JSON straight from an SVG in the browser: animate with AI or a preset, then export. Free, no plugins, no desktop software.
Frequently asked questions
How do I convert an SVG to Lottie?
Upload your SVG to Reframe, animate it with an AI prompt or a preset, then export to Lottie JSON. No After Effects or Bodymovin required.
What is Lottie JSON good for?
Lottie is ideal for web and mobile UI animation — onboarding, icons, loaders, and micro-interactions — because it’s vector-based, tiny, and scales perfectly on any screen.
Do I need After Effects to make a Lottie file?
No. Reframe exports Lottie JSON directly from your animated SVG in the browser, with no After Effects or Bodymovin plugin.
Is exporting to Lottie free?
Yes. Reframe is free to use, with no account required.
Export your SVG as Lottie
Animate in the browser and export lightweight Lottie JSON — free, no plugins.
Export SVG to Lottie free →More ways to use Reframe