Lottie Animations & Bodymovin

Lottie is a library that allows apps to natively use Adobe After Effects animations in real time. By exporting .json files from After Effects using the Bodymovin extension, the geniuses at Airbnb Design have created a way for animators like us to quickly and simply export high quality animations to digital developer clients. Making animations smoother, more manageable and without the app user needing to download heavy animation files.

At Cub Studio, we are increasingly being asked to produce animated content for apps and mobile. This often throws up numerous issues with regards to file sizes, image quality and the archaic, yet all pervasive formats like the animated GIF. Thankfully, the internet is populated by an elite cadre of smart people encountering the same issues, and thus Lottie was created!

Check out some more examples of our Lottie animations, Below we highlight some of the great benefits of using the Lottie technology.

Vector image quality

Lottie files are comprised of code describing moving vectors. As such, the images created are not dependant on pixels and issues that relate to their relative resolution.

You can blow these animations up to full screen and they remain as clear as their thumbnails.

Smooth playback & high FPS

As well as not being constrained by rasterised resolution, Lottie files aren’t driven by fixed frame rates. This allows files to play back at 60fps.

At twice the standard frame rate of traditional broadcast media, these animations appear butter smooth.