ページ内ナビ
概要
Lottie AndroidはAdobe After EffectsのアニメーションをBodymovinでJSONへ書き出し、Android上でネイティブに描画するライブラリです。デザイナーが作成したモーションを画像や動画として焼き込まず、アプリのUIとして組み込めます。
特徴と向いている用途
公式資料に基づく紹介・実機未検証 · 内容確認日:
主な特徴
BodymovinのJSONをAndroid上でネイティブ描画する
After EffectsからBodymovinで書き出したJSONを読み込み、LottieAnimationViewなどを通じてAndroid画面へ表示できます。アニメーション資産をアプリ内で再利用しやすく、再生や繰り返しもUI側から制御できます。
ViewとComposeの両方でLottie資産を利用する
READMEは通常のAndroid向けライブラリに加えてLottie Composeへの導線も提供しています。既存Viewベース画面とCompose画面のどちらでも同じLottie資産を使う構成を選べます。
出典:[2]
向いている用途
デザイナー制作のモーションをアプリへ継続的に反映したいチームに向く
ローディング表示、オンボーディング、状態変化の演出などを、エンジニアがフレーム単位で再実装せずに組み込みたいAndroidアプリに適します。
出典:[2]
導入前の確認
参考にした公式資料
- [1]airbnb/lottie-android — GitHub repository(2026-10-06)
- [2]Lottie Android 6.7.1 — README(2026-10-06)
- [3]LottieAnimationView attributes(2026-10-06)
- [4]Lottie Android 6.7.1 release(2026-10-06)
- [5]Lottie Android Apache-2.0 license(2026-10-06)
編集部からの補足
デザイナーが作ったモーションをAndroid UIへ直接持ち込みたいときに有効です。複雑なAfter Effects表現は端末性能や対応機能の影響を受けるため、採用前に実際のJSONを代表端末で確認してください。
3ステップで試す
- 1
Lottie Android 6.7.1を依存関係へ追加する
既存AndroidXプロジェクトのGradleの
dependenciesへ、確認済みの安定版を追加します。implementation 'com.airbnb.android:lottie:6.7.1' - 2
Bodymovin JSONをassetsへ配置する
After EffectsからBodymovinで書き出したLottie JSONをassetsディレクトリへ置きます。
app/src/main/assets/animation.json - 3
LottieAnimationViewで自動再生する
assetsのJSONをLottieAnimationViewへ指定し、画面上で描画と再生を確認します。
<com.airbnb.lottie.LottieAnimationView xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" android:layout_width="200dp" android:layout_height="200dp" app:lottie_fileName="animation.json" app:lottie_autoPlay="true" app:lottie_loop="true" />
成長
成長の推移 · 直近30日
35,737 Stars
推移データを蓄積中です。
開発アクティビティ
直近90日・週次
- Commit(直近30日)
- 0
- Open PR
- 16
開発アクティビティを蓄積中です。
Built with
カテゴリとタグ
GitHubデータ
GitHubのデータGitHubの詳細データを見る
GitHub Topics
- animation
- android
- lottie
- airbnb
- after-effects
- Stars
- 35,737
- Forks
- 5,424
- Watchers
- 837
- Open Issues
- 62
- Contributors
- 156
- 所有者種別
- Organization
- 主要言語
- Java
- ライセンス
- Apache-2.0
- リポジトリ最終更新
- 2026/02/15
関連情報
関連記事を投稿するこのOSSの使い方や活用事例をMarkdownで投稿できます。管理者が承認した後に公開されます。
あわせて探訪
- Balloon4,011 Stars
共通タグ 3件 · 共通カテゴリ 1件
Composeでアンカーに追従するツールチップを矢印・アニメーション・任意content付きで表示する
Kotlin - Horologist699 Stars
共通タグ 3件 · 共通カテゴリ 1件
Wear OSでmedia・音量・picker・DataLayerなど不足しがちな機能を補完するlibrary群
Kotlin - Glide35,020 Stars
共通タグ 2件 · 共通カテゴリ 2件 · 同じ言語
Androidで画像・GIF・動画サムネイルを読み込み、キャッシュとリサイズをまとめて扱う
Java - SDWebImage25,612 Stars
共通タグ 2件 · 共通カテゴリ 2件
非同期downloadとmemory/disk cacheでUIKitのnetwork画像表示を管理する
Objective-C - Nuke8,676 Stars
共通タグ 2件 · 共通カテゴリ 2件
remote画像をImagePipelineで取得・処理・cacheし、SwiftUI/UIKitへ表示する
Swift - Flutter179,343 Stars
共通タグ 2件 · 共通カテゴリ 1件
Dartの一つのcodebaseからmobile・web・desktop UIを構築するcross-platform SDK
Dart
情報の誤りを報告
掲載内容に誤りや古い情報があればお知らせください。