MiroMiro LogoMiroMiro
ログイン
すべての機能
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に追加料金を見る
無料で試せる ローカル＆プライベート 6,000人以上が利用

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

Lottieについて

MiroMiroのLottieの仕組み

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

主なメリット

すぐに使える機能

01

Detect Lottie animations automatically

02

Download ready-to-use JSON files

03

Works with all major frameworks

04

Preview animations before download

4ステップで開始

Lottieの使い方

  1. 01ステップ 1

    Install MiroMiro

    Add MiroMiro to Chrome from the Chrome Web Store — it's free.

  2. 02ステップ 2

    Visit a site with Lottie animations

    Navigate to any website that uses Lottie animations. MiroMiro automatically detects them on page load.

  3. 03ステップ 3

    Preview detected animations

    Open MiroMiro and browse the detected Lottie animations with live previews.

  4. 04ステップ 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.

ユースケース

一般的なユースケース

デザイナー、開発者、エージェンシーがLottieを活用している実例。

  • Animation inspiration

  • Rapid prototyping

  • Learning animation techniques

  • Building animation libraries

See also: For designers Tutorials

よくある質問

MiroMiroをインストールする前にLottieについて知っておきたいこと。

MiroMiroの他の機能

その他の機能を探索

CSS Inspector

Live CSS Inspector & Editor

Inspect any element, see its CSS values, and edit them live on the page — colors, fonts, spacing, shadows, anything. Watch the website update in real time, then copy your changed values straight out as production-ready code.

詳しく見る
Assets

Asset Extractor

Download images, videos, SVGs, and all visual assets from any website. Bulk image downloader and asset extraction tool built into one Chrome extension.

詳しく見る
SVG

SVG Extractor

Extract SVG icons and graphics from any website. Download scalable vector graphics ready for Figma, Illustrator, or your codebase. A powerful SVG Gobbler alternative.

詳しく見る
Colors

Brand Color Extractor for Any Website

Extract complete color palettes from any website. Get brand colors with HEX, RGB, and HSL values — a better alternative to Site Palette and Coolors for real-world extraction.

詳しく見る
Contrast

Live Contrast Checker for Real Websites

Check color contrast ratios for WCAG 2.1 accessibility compliance. Test AA and AAA levels for foreground and background color combinations directly on live websites.

詳しく見る
Inspect & Export

Inspect & Export to Tailwind CSS Code

Inspect any website element and export it as clean Tailwind CSS code. Select hero blocks, navbars, cards, or any section and get production-ready Tailwind output. A real website to Tailwind converter.

詳しく見る

無料デザインツール

無料のオンラインツールをお試しください、サインアップ不要。

Contrast Checker CSS Unit Converter Color Converter

Lottieを試す準備はできましたか？

今すぐあらゆるウェブサイトからCSS、カラー、アセットの抽出を始めましょう。

Chromeに追加料金を見る