Lottie is an iOS, Android, and React Native library that renders After Effects animations in real time, allowing apps to use animations as easily as they use static images.

discussion
Would you recommend this product?
7 Reviews5.0/5
Gabriel Lewis
πŸ€”
Airbnb continues to set the standard for great design πŸ‘Œ
Share
Naomi Assaraf πŸ”₯
Founder, Golden Kitty Maker Nominee! πŸŽ‰
Share
Murat Mutlu
Hunter
Co-Founder, @marvelapp
Looks rad, more info here: http://airbnb.design/introducing... "In the past, building complex animations for Android, iOS, and React Native apps was a difficult and lengthy process. You either had to add bulky image files for each screen size or write a thousand lines of brittle, hard-to-maintain code. Because of this, most apps weren’t using animation β€” despite it being a powerful tool for communicating ideas and creating compelling user experiences. One year ago, we set out to change that. "
Share
Kunal Bhatia
Co-founder & Design Lead @SlidesUp
How does this compare to Keyframes, which Facebook released in November? https://code.facebook.com/posts/...
Share
Kunal Bhatia
Co-founder & Design Lead @SlidesUp
Seems like Airbnb is focused on supporting more AE features (things like solids, masks, dotted lines, trim paths, etc.). Nicely done.
Share
Gabriel Peal
Maker
Software Engineer, Airbnb
@kunalslab Keyframes was built primarily for reactions and includes the After Effects feature set that they needed for reactions. We set out to support as much of After Effects as possible. Currently Lottie supports trim paths, dash patterns, masks, mattes, more time interpolations, different kinds of shapes, and a few things that Keyframes doesn't. Keyframes currently supports gradients and Lottie doesn't. However, that's something we're looking at adding. We also have a laundry list of After Effects features that we'd like to support going forward. Both projects were started independently and in parallel. We started ours in 2015 and Facebook started to build Reactions. We think it's awesome that Facebook saw the same need as us and we're looking forward to learning from each other's discoveries and collaborating to make the entire ecosystem better. (I wrote the Android library)
Share
Tyler MorganProduct @OwletBabyCare
@gpeal8 How soon will you start supporting gradients? BTW...we are super excited to use this. We just started to use keyframes and have felt limited in our animations.
Share
Gabriel Peal
Maker
Software Engineer, Airbnb
@tymorgan11 We're going to try to gauge interest to know what to prioritize but if gradients are high on your list, we'll definitely make a note of that!
Share
Nate PahlDigital product designer @ Polaris
Airbnb design rocks!
Share
Hunting down comments...