LottieFyr

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.

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.

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.

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. 1

    Upload your .gif or .mp4 file in the converter.

  2. 2

    If you need more control, configure advanced settings before converting.

  3. 3

    Let the service analyze frames and generate the output.

  4. 4

    Preview the animation directly in the browser.

  5. 5

    Download JSON or .lottie immediately when the conversion is ready.

Lottie vs. GIF vs. MP4

FeatureGIFMP4Lottie
File SizeLargeMediumVery Small
ScalabilityPixel-basedPixel-basedVector-based
QualityLimitedHighHigh
TransparencyBasicNoneFull
InteractivityNoNoYes

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.
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

Lexor Axiom logo

LottieFyr is powered by Lexor Axiom.