The easiest way to animate Lottie

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

It only takes one tool to create or edit Lottie animations and export them instantly.No third-party appsNo pluginsNo coding

Trusted by teams at

ToptalGoToGlobantEnvatoWiXSpotifyCanvaWebflow

In-browser Lottie animation software

Comes with all the features you need to create production-ready animations

Import Lottie JSON or SVG files, or design from scratch

Import or create

Import a Lottie JSON or an SVG, or simply design everything from scratch.

Animate any element using keyframes

Animate

Animate any element using keyframes and easing functions.

Export your Lottie animation as JSON from SVGator

Export Lottie

Export your Lottie animation as JSON from SVGator.

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

Ready to sail on the motion sea?

Choose how you want to get started and create breathtaking Lottie animations

Animated ocean waves, with a paper boat floating

Import a Lottie JSON

Character running and holding a Lottie icon

Start a project by bringing your Lottie animation into SVGator and editing it easily!

Start from scratch

Creating and animating a character

Create your design, set it in motion, and get your lightweight Lottie file right away!

Easy to learn and simple to use

Discover all the learning materials on our tutorials page or at our Help Center.

Bottom of the ocean

Create complex animations

Combine advanced features for more complex animations

City motion graphic

Mask animations

Create and animate masks for both static and animated objects and images.

Location pin morphing into a heart

Morphing

Animate shapes using the node tool and the morph animator.

Mouse cursor following a predefined path

Motion paths

Use a custom path as a trajectory for any object to animate along it.

Cloud shaped stroke animation which mentions Lottie

Stroke animations

Animate the stroke style and stroke properties such as offset and dashes.

Gradient animation with a chameleon changing colors

Color animations

Animate gradients and color transitions for stroke, fills, and text elements.

House icon loader

Hold keyframes

Create hold keyframes for any animation using the Step end easing function.

Widely supported

Animation that scales and its responsive on multiple sizes

Responsive and supported cross-platform solution.

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.

Picture of Kike Rodriguez Lopez
After more than 100 animations made with SVGator it seems to me to be the best tool to animate for the web, if it could be exported in lottie format it would have no rival.
Kike Rodriguez Lopez
Web Designer
Picture of Ilya Tsuprun
I've been a dedicated SVGator user for years and am genuinely excited about the upcoming feature that supports Lottie export. This integration will streamline my workflow and enhance the potential for creating engaging user experiences.
Ilya Tsuprun
Product Designer
Picture of Samantha Richardson
Lottie support would be a big deal coming from SVGator! It has been my secret tool for elevating websites with lightweight and responsive motion. The interface is intuitive and the magic happens all in my browser. I'm in love!
Samantha Richardson
Brand designer

Create your own Lottie animations

Create a free SVGator account and start animating right in your browser

Start animating