Lottie animation editor

The interface for SVGatorCharacter sitting in a chair and creating Lottie animations that will be exported

Edit imported Lottie files or create new animations from scratch.

Export production-ready JSON instantly. No plugins. No third-party apps. No coding.No third-party appsNo pluginsNo coding

Trusted by teams at

ToptalGoToGlobantEnvatoWiXSpotifyCanvaWebflow

Browser-based Lottie editor

Everything you need to edit, create, and export Lottie animations in one place

Import Lottie JSON or SVG files, or design from scratch

Import & edit

Open any Lottie JSON file and edit it directly. Or import an SVG to start fresh.

Animate any element using keyframes

Animate

Add motion to any element with keyframes, easing, and timing controls.

Export optimized Lottie JSON ready for web, iOS, and Android

Export Lottie

Export optimized Lottie JSON ready for web, iOS, and Android.

Ladybug sitting on a finger then flying away
Set of 3 animated messaging icons
Character trapped in a box that changes shapes
Animated bouncing cake with a cherry on top
Animated Sniff logo
Animated sushi roll with a heart-shaped filling
Animated character with an afro haircut
Red pixel heart pulsating

Start editing or creating in minutes

Choose your path: import a file or start fresh. Export ready-to-ship Lottie either way

Animated ocean waves, with a paper boat floating

Edit a Lottie file

Character running and holding a Lottie icon

Open your Lottie JSON file in SVGator. Make changes and export to any format.

Import a file

Create from scratch

Creating and animating a character

Design your elements, animate with the timeline, and export lightweight Lottie JSON instantly.

Create project

Intuitive editor, easy to learn

Explore step-by-step tutorials or browse our Help Center to get started quickly.

Bottom of the ocean

Go further with your animations

Mix and match effects to get exactly the motion you want

City motion graphic

Mask animations

Reveal and hide elements with animated masks. Works on shapes, groups, and images.

Location pin morphing into a heart

Morphing

Transform shapes smoothly with the morph animator and node tool.

Mouse cursor following a predefined path

Motion paths

Move objects along custom paths. Draw any trajectory and animate elements to follow.

Cloud shaped stroke animation which mentions Lottie

Stroke animations

Animate stroke offset, dashes, and line drawing effects for icons and illustrations.

Gradient animation with a chameleon changing colors

Color animations

Transition between colors and gradients on fills, strokes, and text elements.

House icon loader

Hold keyframes

Snap between states instantly with hold keyframes and the Step end easing function.

Runs on every platform

Animation that scales and its responsive on multiple sizes

Crisp, responsive animations that look sharp on any screen size.

Logo for React
Logo for Android
Logo for iOS
Logo for WEB

Preview your animation with the Lottie player right from SVGator’s export panel, or check out our demo animation.

Preview with Lottie player

Ready to edit your Lottie animations?

Create a free SVGator account and open the Lottie editor in your browser

Start animating