View documentation, FAQ, help, examples, and more at airbnb.io/lottie
Lottie is a cross-platform library for iOS, macOS, tvOS, visionOS, Android, and Web that natively renders vector-based animations and art in realtime with minimal code.
Lottie loads and renders animations and vectors exported in the bodymovin JSON format. Bodymovin JSON can be created and exported from After Effects with bodymovin, Sketch with Lottie Sketch Export, and from Haiku.
Designers can create and ship beautiful animations without an engineer painstakingly recreating them by hand. Since the animations are backed by JSON, they are extremely small in size but can be large in complexity! Animations can be played, resized, looped, sped up, slowed down, reversed, and even interactively scrubbed. Lottie can play or loop just a portion of the animation as well, the possibilities are endless! Animations can even be changed at runtime in various ways! Change the color, position, or any keyframable value!
Here is just a small sampling of the power of Lottie
Lottie supports Swift Package Manager, CocoaPods, and Carthage (Both dynamic and static).
You can pull the Lottie Github Repo and include the Lottie.xcodeproj
to build a dynamic or static library.
To install Lottie using Swift Package Manager you can follow the tutorial published by Apple using the URL for the Lottie repo with the current version:
or you can add the following dependency to your Package.swift
:
.package(url: "https://github.com/airbnb/lottie-spm.git", from: "4.3.1")
When using Swift Package Manager we recommend using the lottie-spm repo instead of the main lottie-ios repo. The main git repository for lottie-ios is somewhat large (300+ MB), and Swift Package Manager always downloads the full repository with all git history. The lottie-spm repo is much smaller (less than 500kb), so can be downloaded much more quickly.
Instead of downloading the full git history of Lottie and building it from source, the lottie-spm repo just contains a pointer to the precompiled XCFramework included in the latest lottie-ios release (typically ~8MB). If you prefer to include Lottie source directly your project, you can directly depend on the main lottie-ios repo by referencing https://github.com/airbnb/lottie-ios.git
instead.
Add the pod to your Podfile:
pod 'lottie-ios'
And then run:
pod install
After installing the cocoapod into your project import Lottie with
import Lottie
Add Lottie to your Cartfile:
github "airbnb/lottie-ios" "master"
And then run:
carthage update
In your application targets “General” tab under the “Linked Frameworks and Libraries” section, drag and drop lottie-ios.framework from the Carthage/Build/iOS directory that carthage update
produced.
The Lottie SDK does not collect any data. We provide this notice to help you fill out App Privacy Details.
We always appreciate contributions from the community. To make changes to the project, you can clone the repo and open Lottie.xcworkspace
. This workspace includes:
All pull requests with new features or bug fixes that affect how animations render should include snapshot test cases that validate the included changes.
.json
file to Tests/Samples
. Re-run the snapshot tests to generate the new snapshot image files.isRecording = true
in SnapshotTests.swift
setUp()
method and then re-run the snapshot tests.The project also includes several helpful commands defined in our Rakefile. To use these, you need to install Bundler:
$ sudo gem install bundle
$ bundle install
For example, all Swift code should be formatted according to the Airbnb Swift Style Guide. After making changes, you can reformat the code automatically using SwiftFormat and SwiftLint by running bundle exec rake format:swift
. Other helpful commands include:
$ bundle exec rake build:all # builds all targets for all platforms
$ bundle exec rake build:package:iOS # builds the Lottie package for iOS
$ bundle exec rake test:package # tests the Lottie package
$ bundle exec rake format:swift # reformat Swift code based on the Airbnb Swift Style Guide
link |
Stars: 24472 |
Last commit: 1 hour ago |
Lottie 4.3.0 adds many new features, including:
CALayer
subclassYou can learn more about Lottie 4.3.0 in this announcement: Lottie 4.3.0 now available, with official support for SwiftUI #2189
Lottie 4.3.1 fixes a small regression introduced by 4.3.0: https://github.com/airbnb/lottie-ios/issues/2193
LottieView
, which wraps UIKit LottieAnimationView
LottieSwitch
, which wraps UIKit AnimatedSwitch
(https://github.com/airbnb/lottie-ios/pull/2138)LottieButton
, which wraps AnimatedButton
(https://github.com/airbnb/lottie-ios/pull/2139)AnimatedSwitch
and AnimatedButton
now support macOS (https://github.com/airbnb/lottie-ios/pull/2138, https://github.com/airbnb/lottie-ios/pull/2139)LottieAnimationLayer
, a Core Animation CALayer
subclass for playing Lottie animations (https://github.com/airbnb/lottie-ios/pull/2073)UIAccessibility.isReduceMotionEnabled
is true (https://github.com/airbnb/lottie-ios/pull/2110)AnimationKeypath
values (https://github.com/airbnb/lottie-ios/pull/2183)AnimationImageProvider
(https://github.com/airbnb/lottie-ios/pull/2177)FloatValueProvider
(https://github.com/airbnb/lottie-ios/pull/2179)Sendable
to support using Lottie with strict concurrency enabled (https://github.com/airbnb/lottie-ios/pull/2126)LottiePlaybackMode
to support declarative playback configuration (https://github.com/airbnb/lottie-ios/pull/2128)AnimationImageProvider
(https://github.com/airbnb/lottie-ios/pull/2171)GradientValueProvider
(https://github.com/airbnb/lottie-ios/pull/2182)DotLottieFile
(https://github.com/airbnb/lottie-ios/pull/2074)DotLottieFile
with data (https://github.com/airbnb/lottie-ios/pull/2090).../ZipFoundation/README.md
from targets and *.md*
files from podspec (https://github.com/airbnb/lottie-ios/pull/2057)*ValueProviderStore
to not accumulate multiple values for the same key (https://github.com/airbnb/lottie-ios/pull/2082)SolidLayer
using ColorValueProvider
(https://github.com/airbnb/lottie-ios/pull/2154)Thanks to everyone who contributed to this release!
Swiftpack is being maintained by Petr Pavlik | @ptrpavlik | @swiftpackco | API | Analytics