Community Showcase
Last updated
Lottie
Primary version
Last updated
Below are some examples of how different individuals and companies are using Lottie in their products. If you're using Lottie and you'd like to be featured in the showcase please email us at Lottie@airbnb.com we would love to feature your work so the whole community can be inspired!
Google Home uses Lottie for over 40 different animations in their iOS and Android apps. From intros to connecting loaders, and errors! The animations were designed and animated by Detroit based animation & Illustration studio Gunner.
SwiftKey iOS is using Lottie to help guide their users through the installation of a third party keyboard. With Lottie, they are able to easily control the colours to make their animations high contrast for accessibility, and they're able to scale up to the size of an iPad without losing quality. On a side note, they recently swapped out an old school png sequence which was about 6mb in size, for a lottie json that is just 340kb!
Elevate used a combination of shape layers, alpha mattes and images to craft this silky smooth walkthrough where illstrations seamlessly mortph as users swipe to select different training options.
Animation by Ben Tobias , Illustrations by Maxime Bourgeois, Behance Project page
An onboarding flow within the Target apps (iOS and Android) utilized Lottie to bring more personality and joy to this intro experience.
Uber eats uses Lottie for their initial loading animation. Simple but effective shapes with trim paths.
Instacart uses Lottie for a handful of educational animations to teach shoppers.
Onboarding carousel for Popcorn app 🍿.
RaiseMe uses Lottie to show students how to earn scholarships from colleges on its iOS app. Illustration and animation by Rachel Schmitz.
A Bitcoin/Blockchain startup based in Milan uses Lottie to better explain some complex part of our product
