Online Lottie Previewer

Preview your Lottie files for free, right in your browser, with no software to install.

Drag & drop

Drop a Lottie .json file and it starts playing right away.

or

Lottie JSON only · Max 7 MB

Trusted by teams at

Toptal logoToptal logoGlobant logoEnvato logoWiX logoSpotify logoCanva logoWebflow logo

How to preview a Lottie file

From raw JSON code to an animation you can see and edit.

Adding a Lottie JSON file to the previewer

1. Add your Lottie

Drop a .json file into the upload box or paste the JSON code.

Playing a Lottie animation with playback controls

2. Watch it play

Pause, restart, loop, or change the speed, and check the frame rate, duration, and size.

Opening the Lottie animation in the SVGator editor

3. Open in the editor

Edit the animation in SVGator, then export it as Lottie, SVG, GIF, MP4, and more.

Build Lottie files that pass the preview

Play any Lottie animation in your browser and see exactly how it looks before it goes live.

Start for free

Why choose SVGator

  1. See it before users do

    Spot timing problems or glitches before the file reaches your app or site.

  2. Your file stays local

    Client work and unreleased animations stay on your device the whole time.

  3. Build the next one yourself

    Animate on SVGator’s keyframe timeline and export Lottie without After Effects.

  4. Review motion with your team

    Share a public project link and invite people to view and comment.

SVGator is for

Design, social, and agency teams

Three roles that test a Lottie before launch.

Icon representing UI designers

UI designers

Confirm the motion is right before the developer handoff.

Icon representing social media managers

Social managers

Make sure a supplied file runs at the length and speed you agreed on.

Icon representing agency leads

Agency leads

Review the exact file a client received, with nothing to install.

Keep going with SVGator

Features that help you make and ship your next animation.

Optimizing an SVG to a smaller file size

SVG optimizer

Optimize static and animated SVG files before they go live, so your pages load faster.Use tool →Creating an animation in SVGator and exporting it as Lottie

Lottie creation

Create your own animation in SVGator and export it as a Lottie JSON file.Learn more →Asking an AI assistant to create and edit SVGator projects

SVGator MCP

Ask an AI assistant to create, edit, and export your SVGator projects.Learn more →Starting from a free animation template in SVGator

Animation templates

Open a free starter project in SVGator and make it yours with your own artwork.Learn more →

Frequently asked questions

1. What is a Lottie file?

A Lottie file is a JSON file that describes a vector animation. Designers export it from After Effects with the Bodymovin plugin or create it in a tool like SVGator, and apps and websites play it with a Lottie runtime library.

2. Does my Lottie file get uploaded?

No, the file is read and played locally in your browser, and nothing is sent to a server.

3. Can I create my own Lottie animations?

Yes, SVGator lets you build animations from scratch and export them as Lottie JSON, ready for an app or website.

4. Can I see if my Lottie has a transparent background?

Yes, the preview area has a checkerboard pattern, so any transparent parts of the animation show up clearly.

Ready to make your own Lottie?

Start from a blank canvas or a free animation template and export your first Lottie.

Start animating