Lottie アニメーション オンライン プレビュー
ブラウザで Bodymovin / Lottie JSON アニメーションをプレビュー。.json と .lottie に対応。再生・ループ・速度調整が可能。
プレビュー
Lottie JSON をアップロードまたは貼り付けてプレビュー
すべてブラウザ内で処理 — ファイルは端末外に出ません。
使い方
アプリや Web に組み込む前にモーショングラフィックを確認できます。
- .json または .lottie をドロップ、JSON を貼り付け、または URL から読み込み。
- キャンバス下で再生・ループ・速度・背景を調整。
- JSON をコピーしてコードやデザインツールで再利用。
アニメーションはブラウザ内でのみ解析・描画されます。
よくある質問
Lottie とは？
After Effects などから JSON でエクスポートされたベクターアニメーション形式です。多くのアプリと同じエンジンで再生します。
対応ファイルは？
標準 .json と .lottie アーカイブ（内蔵 JSON を自動抽出）。最大 5 MB。
再生を制御できますか？
はい — 再生/一時停止、ループ、0.25x〜3x の速度、最初から再生。背景切替でコントラスト確認も可能。
アニメーションはアップロードされますか？
いいえ。解析と描画はすべてブラウザ内で行われます。
関連検索
こんなキーワードでも探されています：
- lottie json プレビュー オンライン
- bodymovinアニメーション確認
- ブラウザlottieビューア
- dotlottie プレビュー
- lottieアニメーション再生 オンライン
- lottie json 検証
- after effects lottie プレビュー
- lottieアニメーションテスト