How to Download Lottie Animations from Any Website (2026 Guide)

Lottie animations are everywhere – smooth, lightweight, and perfect for modern web design. But downloading them from live websites has always been a pain. Until now.

In this guide, I'll show you how to extract Lottie animation JSON files from any website using MiroMiro – completely free and no coding required. Let's dive in.

What Are Lottie Animations?

Lottie is a JSON-based animation format created by Airbnb that's become the industry standard for web animations. Think of those smooth loading spinners, animated icons, and micro-interactions you see on modern websites – many of them are Lottie files.

The Problem: You Can't Just "Save As"

You're browsing a website and spot a beautiful animated icon. You want to use something similar in your project, but how do you download it?

Beautiful Lottie animations are everywhere, but saving them isn't straightforward.

Unlike regular images, Lottie files are embedded as JSON data or loaded via JavaScript. You can't right-click and save them. You'd need to dig through DevTools, hunt for network requests, or just give up. MiroMiro solves this instantly.

The Solution: MiroMiro's Lottie Detector

MiroMiro automatically detects every Lottie animation on any webpage and lets you preview and download them with a single click. Here's how it works:

Step 1: Install MiroMiro

First, install the MiroMiro Chrome extension from the Chrome Web Store. The extension is free to install, and Lottie downloads are available on our Starter and Pro plans.

Install MiroMiro Extension →

Step 2: Browse Any Website with Lottie

Visit any website that uses Lottie animations. Popular sites like Notion, Stripe, and thousands of landing pages use Lottie for their animations.

Step 3: Enable Inspector Mode

Click the MiroMiro extension icon and activate Inspector Mode. Then hover over any Lottie animation on the page to detect and highlight it. MiroMiro will show you all the details about the animation.

MiroMiro automatically finds every Lottie on the page.

Step 4: Preview the Animation

Click on any detected Lottie to see a live preview. You can play, pause, and scrub through the animation to make sure it's what you want.

Preview animations before downloading to find exactly what you need.

Step 5: Download as JSON

Click the download button to save the Lottie animation as a JSON file. That's it! You now have the raw animation file.

Step 6: Use Your Lottie Animation

Import the JSON file into your favorite tools:

• LottieFiles.com – Edit colors, speed, and export to different formats
• After Effects – Import with the Bodymovin plugin for further editing
• Your website – Use the Lottie Web Player or React component
• Figma/Framer – Import as animated assets

Import your downloaded JSON into tools like LottieFiles for further customization.

Video Walkthrough

Watch this quick tutorial to see the entire process in action:

FAQ: Lottie Animation Downloads

Is it free to download Lottie animations with MiroMiro?

The MiroMiro extension is free to install. Lottie animation downloads are available on our Starter and Pro plans, which give you access to extract and download unlimited Lotties from any website.

Can I use downloaded Lottie animations commercially?

Always check the licensing of animations before using them commercially. MiroMiro helps you download the files, but you're responsible for respecting copyright. Use them as inspiration or reference, or download from sites that offer free/licensed animations.

What can I do with the JSON file?

The JSON file is the raw Lottie animation. You can import it into LottieFiles to customize colors/speed, use it directly on your website with the Lottie player, or edit it in After Effects with the Bodymovin plugin.

Does MiroMiro work on all websites?

Yes! MiroMiro detects Lottie animations rendered with the official Lottie Web Player or similar libraries. It works on 99% of websites that use Lottie.

Can I edit the Lottie after downloading?

Absolutely! Upload the JSON to LottieFiles.com (free) to change colors, adjust timing, or convert to GIF/MP4. You can also edit the source in After Effects if you have the original project.