Lottie
Primary version
Primary version
  • Introduction
  • Android
    • Basic Workflow
    • Caching and Preloading
    • Dynamic Properties
    • Images
    • Performance
    • Lottie vs AVD
    • APK size
    • Troubleshooting
    • Contributing
  • iOS/MacOS
    • Docs
      • View Controller Transitions
      • Dynamic Properties
      • Adding Views to Animation at Runtime
    • Tutorials
      • Building a Dynamic Progress Loader
    • Troubleshooting
      • Performance
      • Troubleshooting
  • React Native
    • Sample App
    • Props
    • Troubleshooting
  • Web
    • Getting started
    • Video tutorial
    • Previewing
    • Expressions
    • Troubleshooting
  • After Effects
    • Getting started
    • Install Bodymovin Plugin
      • Bodymovin settings
    • General tips & guidelines
    • Sketch/SVG/Illustrator to Lottie walkthrough
    • Advanced Illustrator to Lottie walkthrough
    • Troubleshooting
  • Supported After Effects Features
  • Other Platforms
    • Mobile
      • Xamarin
      • NativeScript
      • Titanium
      • Windows (UWP)
    • Web Frameworks
      • React
      • Vue
      • Angular
  • Troubleshooting
  • Community Showcase
Powered by GitBook
On this page
  • Google Home
  • Walgreens
  • SwiftKey
  • Elevate
  • Target
  • Uber Eats
  • Instacart
  • Popcorn
  • RaiseMe
  • Conio

Community Showcase

PreviousTroubleshooting

Last updated 7 years ago

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 we would love to feature your work so the whole community can be inspired!

Google Home

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 .

Google Home A

Walgreens

SwiftKey

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

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.

Target

An onboarding flow within the Target apps (iOS and Android) utilized Lottie to bring more personality and joy to this intro experience.

Uber Eats

Uber eats uses Lottie for their initial loading animation. Simple but effective shapes with trim paths.

Instacart

Instacart uses Lottie for a handful of educational animations to teach shoppers.

Popcorn

Onboarding carousel for Popcorn app 🍿.

RaiseMe

RaiseMe uses Lottie to show students how to earn scholarships from colleges on its iOS app. Illustration and animation by Rachel Schmitz.

Conio

A Bitcoin/Blockchain startup based in Milan uses Lottie to better explain some complex part of our product

Google Home B
Walgreens
Swift Key
Elevate

Animation by , Illustrations by ,

Target
Uber Eats
Instacart
Popcorn
RaiseMe
Conio
Ben Tobias
Maxime Bourgeois
Behance Project page
Lottie@airbnb.com
Gunner