OSS探訪GitHubでログイン

After Effectsから書き出したJSONアニメーションをAndroid UIでネイティブ再生する

スコアの見方

OSS規模スコアはStars・Watchers・Forks・Contributorsを対数圧縮して重み付けした現在の規模指標(上限なし)です。発掘スコアは現在のOSS規模スコアから発掘時点のOSS規模スコアを引いた値、更新ペースは直近30日Commit数、成長モメンタムは直近の観測期間におけるOSS規模スコア差、OSS健全度は取得できた更新状況・Community Health・Releaseの0〜100評価です。

Stars
35,737
主要言語
Java
ライセンス
Apache-2.0
リポジトリ最終更新
2026/02/15
ページ内ナビ

概要

Lottie AndroidはAdobe After EffectsのアニメーションをBodymovinでJSONへ書き出し、Android上でネイティブに描画するライブラリです。デザイナーが作成したモーションを画像や動画として焼き込まず、アプリのUIとして組み込めます。

特徴と向いている用途

公式資料に基づく紹介・実機未検証 · 内容確認日:

主な特徴

BodymovinのJSONをAndroid上でネイティブ描画する

After EffectsからBodymovinで書き出したJSONを読み込み、LottieAnimationViewなどを通じてAndroid画面へ表示できます。アニメーション資産をアプリ内で再利用しやすく、再生や繰り返しもUI側から制御できます。

出典:[2][3]

ViewとComposeの両方でLottie資産を利用する

READMEは通常のAndroid向けライブラリに加えてLottie Composeへの導線も提供しています。既存Viewベース画面とCompose画面のどちらでも同じLottie資産を使う構成を選べます。

出典:[2]

向いている用途

デザイナー制作のモーションをアプリへ継続的に反映したいチームに向く

ローディング表示、オンボーディング、状態変化の演出などを、エンジニアがフレーム単位で再実装せずに組み込みたいAndroidアプリに適します。

出典:[2]

導入前の確認

GradleとAndroidXを前提にし、書き出しJSONを実機で確認する

READMEではGradleを唯一の対応ビルド構成としており、Lottie 2.8.0以降はAndroidXへ移行済みのプロジェクトが必要です。After Effects側の表現がすべて同じように再現されるとは限らないため、対象JSONは実機で描画とメモリ使用量を確認してください。

出典:[2][4]

参考にした公式資料

  1. [1]airbnb/lottie-android — GitHub repository(2026-10-06)
  2. [2]Lottie Android 6.7.1 — README(2026-10-06)
  3. [3]LottieAnimationView attributes(2026-10-06)
  4. [4]Lottie Android 6.7.1 release(2026-10-06)
  5. [5]Lottie Android Apache-2.0 license(2026-10-06)
編集部からの補足

デザイナーが作ったモーションをAndroid UIへ直接持ち込みたいときに有効です。複雑なAfter Effects表現は端末性能や対応機能の影響を受けるため、採用前に実際のJSONを代表端末で確認してください。

3ステップで試す

  1. 1

    Lottie Android 6.7.1を依存関係へ追加する

    既存AndroidXプロジェクトのGradleのdependenciesへ、確認済みの安定版を追加します。

    implementation 'com.airbnb.android:lottie:6.7.1'
  2. 2

    Bodymovin JSONをassetsへ配置する

    After EffectsからBodymovinで書き出したLottie JSONをassetsディレクトリへ置きます。

    app/src/main/assets/animation.json
  3. 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" />
公式READMEで確認

成長

成長の推移 · 直近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で投稿できます。管理者が承認した後に公開されます。

情報の誤りを報告

掲載内容に誤りや古い情報があればお知らせください。

このページを読んで、次に何をすればよいか分かりましたか?