airbnb/lottie-ios

これは何？

主な機能

• 01After Effectsから書き出したbodymovin JSONアニメーションを、iOS、macOS、tvOS、visionOS上でネイティブに描画します。
• 02ループ、再生速度の変更、逆再生、アニメーションの一部再生など、再生を制御できます。
• 03アニメーションの進行状況をインタラクティブにスクラブ操作できます。
• 04色や位置など、キーフレームを設定できる値を実行時に変更できます。
• 05Swift Package Manager、CocoaPods、またはCarthageでインストールできます。

ユースケース

• After Effectsでデザインしたオンボーディング、ローディング、マイクロインタラクションのアニメーションをiOSアプリに組み込む。
• 大容量の動画やGIF素材を同梱せずに、軽量なアニメーションイラストを追加する。
• 進行状況をユーザーのジェスチャーに連動させたインタラクティブなアニメーションを作成する。

クイックスタート

1. 1

   Xcodeで「File → Add Packages」を選び、https://github.com/airbnb/lottie-spm.git を入力します

2. 2

   または、PodfileにLottie podを追加します

3. 3

   podをプロジェクトにインストールします

   pod install
4. 4

   SwiftコードでLottieをimportします

使う前に知っておきたいこと

• !Appleプラットフォーム（iOS、macOS、tvOS、visionOS）のみで動作します。
• !bodymovin JSON形式で書き出されたアニメーションのみサポートしています。

トピック

よくある質問

lottie-ios とは？

Airbnbが開発するiOSライブラリ。bodymovin JSONとして書き出したAfter Effectsのベクターアニメーションをネイティブにリアルタイム描画します。 Lottie for iOSは、After Effectsからbodymovin JSON形式で書き出したベクターアニメーションを読み込み、デザイナーが動きを手作業で再現することなく、ネイティブにリアルタイム描画します。iOS、macOS、tvOS、visionOSに対応し、Android版とWeb版のLottieプロジェクトもあります。

lottie-ios は無料で使えますか？ライセンスは？

lottie-ios は Apache-2.0 ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。

lottie-ios は今もメンテナンスされていますか？

活発にメンテナンス中。lottie-ios の最終コミットは 2026年10月6日 です。

lottie-ios は何に使えますか？

After Effectsでデザインしたオンボーディング、ローディング、マイクロインタラクションのアニメーションをiOSアプリに組み込む。 大容量の動画やGIF素材を同梱せずに、軽量なアニメーションイラストを追加する。 進行状況をユーザーのジェスチャーに連動させたインタラクティブなアニメーションを作成する。

lottie-ios のインストール方法は？

Xcodeで「File → Add Packages」を選び、https://github.com/airbnb/lottie-spm.git を入力します または、PodfileにLottie podを追加します podをプロジェクトにインストールします: pod install SwiftコードでLottieをimportします

lottie-ios はどこで入手できますか？

ソースコードとインストール手順は GitHub にあります：https://github.com/airbnb/lottie-ios