What is a Lottie animation?

Lottie is a JSON-based animation format created by Airbnb. It renders lightweight, scalable animations on web and mobile without video files. Many modern websites use Lottie for micro-interactions and illustrations.

How does MiroMiro detect Lottie animations?

MiroMiro scans the page for Lottie player elements, JSON animation data, and dotLottie files. It finds animations even when they're lazy-loaded or embedded in JavaScript bundles.

Can I preview animations before downloading?

Yes. MiroMiro shows a live preview of each detected Lottie animation so you can verify it's the one you want before downloading the JSON file.

What frameworks support Lottie JSON files?

Lottie JSON works with React (lottie-react), Vue (lottie-web), iOS (lottie-ios), Android (lottie-android), React Native, Flutter, and web via the lottie-web player.

Are Lottie animations free to use?

The Lottie format is open source. However, individual animations may be copyrighted. Check the original source's license before using extracted animations commercially.

Where can I find free Lottie animations?

LottieFiles is the largest library of free Lottie animations. You can also use MiroMiro to extract Lottie animations from websites that use them - great for studying animation techniques and building your own animation packs.

Can MiroMiro extract dotLottie files?

Yes. MiroMiro detects both standard Lottie JSON files and the newer dotLottie (.lottie) format. It exports them as standard JSON that works with any Lottie player including lottie-web and the LottieFiles player.

MiroMiro

登录添加到 Chrome

全部功能

Lottie

Lottie Animation Extractor

Extract Lottie animations from any website. Download Lottie JSON files ready for lottie-web, lottie-react, or any Lottie player on web and mobile.

添加到 Chrome 查看定价

免费试用本地 & 隐私 20,000+ 用户

Preview Lottie animations in your browser, no install → Need this as an API? Find Lottie files on any URL programmatically →

Lottie 的实景演示--录制于真实网站。

关于Lottie

MiroMiro 中 Lottie 的工作原理

Discover and extract Lottie animations from any website with MiroMiro. Download Lottie JSON files that work seamlessly with LottieFiles, lottie-web, lottie-react, lottie-ios, and any Lottie player. Whether you need animation packs for prototyping or want to study how top sites use SVG-based Lottie animations, MiroMiro detects and exports them with a single click.

Media panel listing Lottie animations found on the page

Lottie preview player with speed, loop and export controls

主要优势

开箱即用的能力

Detect Lottie animations automatically

Download ready-to-use JSON files

Works with all major frameworks

Preview animations before download

使用场景Animation inspirationRapid prototypingLearning animation techniquesBuilding animation libraries

4 步快速开始

如何使用 Lottie

1
Install MiroMiro
Add MiroMiro to Chrome from the Chrome Web Store - it's free.
2
Visit a site with Lottie animations
Navigate to any website that uses Lottie animations. MiroMiro automatically detects them on page load.
3
Preview detected animations
Open MiroMiro and browse the detected Lottie animations with live previews.
4
Download the JSON file
Click download to save the Lottie JSON file, ready to use in your own projects with any Lottie player library.

Try Lottie free

Full Pro for 3 days - no card needed. Takes about 30 seconds to install.

添加到 Chrome

5.0 · 20,000+ developers & designers

MiroMiro API

Need this as an API?

The same engine behind this feature is a REST API. One GET request against any live URL finds the Lottie animations on the page and returns their JSON files.

See the Lottie Extraction API Explore the API

FAQ