Built for designers and developers

LottieFyr– GIF & MP4 to Lottie Converter

Convert your heavy GIFs and videos into lightweight, scalable Lottie or JSON animations instantly. No login required. 100% Free for basic use. No After Effects required. Advanced features require an account. Download converted videos or GIFs in .Lottie or .JSON files.

Upload source

Drop in a GIF or MP4 and start converting.

Click to upload or drag and drop. Free conversions support GIF and MP4 uploads up to 15 MB.

Instant preview after upload

Why convert

Why convert GIF and MP4 to Lottie JSON?

Legacy formats like GIF and MP4 are pixel-based, heavy, and limited once you need sharp scaling or cleaner integration in product UI. Lottie moves that motion into a lightweight, structured format made for modern surfaces.

LottieFyr is built for the gap between quick motion assets and production delivery. Instead of sending teams back into heavyweight tools, it gives them a focused workflow for turning raster animation into reusable product-ready output.

The workflow now also extends to static SVG artwork. Instead of only converting existing motion from GIF or MP4, teams can add lightweight preset motion to SVG illustrations, icons, and logos and export the result as Lottie JSON.

GIF to Lottie

Best for icons, loaders, and stickers

The challenge: Most converters flatten transparent GIF backgrounds into white or black mattes.

The LottieFyr solution: Our engine analyzes the alpha channel frame-by-frame so transparency survives the trip into Lottie output.

MP4 to Lottie

Best for product demos and hero motion

The challenge: Video files are often too large and slow down performance-sensitive interfaces.

The LottieFyr solution: We trace the motion into vector-friendly output so teams can ship lighter animation assets without building them manually.

SVG to Lottie

Best for logos, icons, and static artwork that need simple motion

The challenge: Static SVG assets often need a touch of motion, but opening a full motion-design stack for a pulse, float, or bounce effect can slow down production.

The LottieFyr solution: The Animate SVG workflow applies preset motion to static vector artwork and exports clean Lottie JSON, making it easier to ship lightweight animated assets without timeline tooling.

How it works

Raster to vector without a heavyweight motion stack

Designers usually reach for tools like Adobe After Effects to build Lottie files. LottieFyr makes the same destination accessible in a browser-first workflow built for shipping speed.

1. Smart tracing algorithms

We do not simply wrap video inside another file. The converter traces contrast and motion to build actual vector shapes and animation data.

2. Intentional frame-rate handling

LottieFyr can preserve or adjust frame rate so motion stays fluid while teams manage file size and frame budgets more deliberately.

3. JSON and .lottie output

Export the classic JSON format or package it as .lottie when your workflow benefits from a more compressed container.

4. Preset SVG motion

For static SVG files, LottieFyr can apply preset motion such as pulse, pop, float, and bounce, giving teams a lightweight path from illustration to animated Lottie JSON.

Compatibility with the tools teams already use

Generated JSON stays practical. Teams can move assets into no-code builders, web stacks, and native mobile apps without re-authoring the animation from scratch.

No-code

Drop JSON into Webflow, Framer, or Wix.

Web

Use it with React, Vue, Angular, or lottie-web.

Mobile

Ship it into iOS and Android app surfaces.

Workflow

How to convert GIF or MP4 to Lottie online

1
Upload your .gif or .mp4 file in the converter.
2
Or switch to Animate SVG and upload a static .svg file.
3
If you need more control, configure advanced settings before converting.
4
Choose preset motion for SVG, or let the service analyze frames for GIF and MP4 conversion.
5
Preview the animation directly in the browser.
6
Download JSON or .lottie when the conversion is ready, or download clean JSON for SVG motion output.

Lottie vs. GIF vs. MP4

Feature	GIF	MP4	Lottie
File Size	Large	Medium	Very Small
Scalability	Pixel-based	Pixel-based	Vector-based
Quality	Limited	High	High
Transparency	Basic	None	Full
Interactivity	No	No	Yes

Frequently asked questions

Is LottieFyr free?

Yes. We are a free utility tool for the community. You can convert unlimited files within our daily fair-use limits without ever needing a credit card or login.

What is a Lottie file?

It is a JSON-based animation file for scalable, lightweight animations used across platforms. App developers and web designers use Lottie files to create high-quality animations that work seamlessly across web, iOS, Android, Windows, and React Native.

How do I convert a GIF to a Lottie animation?

Upload your GIF to LottieFyr, click convert, and download the Lottie animation as .lottie or .json extension.

Does this work better than LottieFiles?

LottieFiles is an amazing platform for hosting and discovering community animations. However, they focus on a marketplace model. LottieFyr is a specialized tool focused purely on the conversion aspect, specifically helping you migrate from legacy formats (GIF/MP4) to Lottie, a feature often missing from other platforms.

Can I use the result in a mobile app?

Absolutely. The JSON output is standard Bodymovin code. You can use it with the Airbnb Lottie libraries for iOS and Android.

What about my privacy?

Your files are processed securely and deleted from our servers shortly after conversion. We do not use your assets to train AI models.

Is there a PRO version of LottieFyr?

Yes, there is a PRO version with advanced features such as quality control, compression, FPS and resolution controls, background removal, in-app support, transparent background preservation, crop, and more.

Can I convert an MP4 video to Lottie without Adobe After Effects?

Yes. LottieFyr handles MP4-to-Lottie and GIF-to-Lottie conversions almost instantly, in a browser-based workflow. No After Effects or any other desktop software is required.

Can I animate a static SVG into Lottie JSON?

Yes. LottieFyr also includes an Animate SVG workflow for turning static SVG artwork into Lottie JSON with preset motion such as pulse, pop, float, and bounce. You can preview the motion for free and use credits when you are ready to download the clean JSON file.

Why should I use Lottie instead of GIF or MP4?

Smaller files, better quality, scalable output, and more control with interactivity, especially for modern apps and websites.

What people say

“I needed Lottie animations for a Webflow project and did not want to open After Effects. LottieFyr let me drag in a GIF, hit convert, and download the JSON with no friction.”
Sarah M.
UI/UX Designer

“The JSON output from LottieFyr works flawlessly with lottie-android and lottie-ios. I used to spend hours in After Effects for simple motion assets.”
James R.
Mobile Developer

“The quality and FPS controls are exactly what I needed. I can fine-tune output resolution and compression before downloading, which saves cleanup later.”
Priya K.
Frontend Engineer

“Transparency preservation is a game-changer. Other converters turned my transparent GIF backgrounds into ugly mattes, while LottieFyr kept the alpha channel intact.”
Tom L.
Motion Designer

“We replaced hero GIFs with Lottie files generated by LottieFyr and our page load times dropped significantly. The assets also look sharper at every screen size.”
Ana C.
Product Manager