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 →

Lottieの実演--実際のWebサイトで撮影。

Lottieについて

MiroMiroのLottieの仕組み

MiroMiroであらゆるWebサイトからLottieアニメーションを発見・抽出。LottieFiles、lottie-web、lottie-react、lottie-iosなど主要なLottieプレーヤーで即座に使えるLottie JSONファイルをダウンロード。プロトタイピング用のアニメーション素材や、人気サイトのSVGベースLottieアニメーションの研究に最適。ワンクリックで検出・エクスポートできます。

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.