Convert to GIF · Free · No upload

Convert Lottie to GIF

Lottie to GIF renders Lottie animations — the JSON format exported from After Effects with Bodymovin, dotLottie (.lottie) packages and Telegram .tgs stickers — into an animated GIF. It plays the animation with the lottie-web canvas renderer, stepping through every frame at the frame rate you pick (up to the animation’s native rate), with a transparent or solid background.

  • Runs in your browser
  • No sign-up
  • No watermark
  • Works on mobile
Loading tool…

How to use Lottie to GIF

  1. 01

    Add a Lottie file

    Drop a .json, .lottie or .tgs file; size, fps and duration are read.

  2. 02

    Set output

    Choose width, frame rate and transparent or coloured background.

  3. 03

    Convert

    Click Convert to GIF and download.

Lottie in a nutshell

Lottie is an open JSON format, created at Airbnb in 2017, that describes vector animations exported from Adobe After Effects with the Bodymovin plugin. Apps render it natively at any resolution, which makes it popular for UI micro-interactions, onboarding screens and loaders. dotLottie (.lottie) is a zipped package of one or more Lottie animations plus assets.

GIF is the opposite: a rasterised, universally supported image. Converting lets you drop an animation into documentation, emails, chats, presentations or design reviews where a Lottie player isn’t available.

Quality tips

Lottie animations often run at 30 or 60 fps. GIFs above 25–30 fps add size without much visible benefit, so 25 fps is the default. Thin strokes and soft gradients are the hardest parts for GIF’s 256-colour palette — render a little larger than needed, then use Resize GIF if you need a smaller version, and the GIF compressor for size. Telegram stickers are also handled by Sticker to GIF, and SMIL/CSS animations by SVG to GIF.

Features

  • Three formats

    Bodymovin JSON, dotLottie archives and Telegram .tgs.

  • Vector-sharp

    Rendered at your chosen size straight from vector data.

  • Frame-exact

    Each GIF frame is rendered at a precise point in the timeline.

  • Design-team friendly

    Share animations with people who can’t open Lottie files.

Lottie to GIF FAQ

How do I convert a Lottie JSON file to GIF?

Drop the .json file into Lottie to GIF, choose the width, frame rate and background, and click Convert to GIF.

Does it support .lottie (dotLottie) files?

Yes. The first animation inside the .lottie package is rendered. Telegram .tgs stickers are supported too.

Why does my animation look slightly different?

After Effects expressions are not evaluated, and GIF uses 256 colours per frame with 1-bit transparency. Animations without expressions render faithfully.

Are my files uploaded to a server?

No. GifRush processes everything locally in your browser using JavaScript, Canvas, Web Workers and WebCodecs. Your files never leave your device, and closing the tab discards them.

Sticker to GIF

Convert Telegram (.tgs, .webm), WhatsApp (.webp) and APNG stickers into GIFs.

Telegram .tgsWhatsApp .webpWebM

SVG to GIF

Render static or animated SVG (SMIL and CSS animations) to a GIF at any size.

SVGSMILCSS animation

GIF Compressor

Reduce GIF file size with fewer colours, lossy frame diffing, frame dropping and scaling.

LossyColoursFrames

GIF Resizer

Scale an animated GIF to an exact width and height, or by percentage, keeping every frame.

PixelsPercentAspect lock

GIF to MP4

Convert an animated GIF to an MP4 video that’s much smaller and plays everywhere.

H.264WebCodecsWebM fallback

Last updated