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.
- Tiny file size – 10-100x smaller than GIFs
- Scalable – Looks crisp on any screen resolution
- Editable – Change colors and properties with code
- Cross-platform – Works on web, iOS, Android, and more
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.
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.