Lottie Animations - Cub Studio

Lottie is a lightweight animation format created by Airbnb that allows apps and websites to run smooth, high-quality animations without the performance cost of heavy video files. At Cub we've been creating Lottie animations for apps, websites, UI design and branded content for years - producing everything from character animations and dynamic scenes to UI elements, emoji sets, sticker packs and logo presentations. Below is a selection of the ways we use Lottie, and the kinds of projects it's best suited to.

Lottie Character Animation

Lottie is powerful enough to support an array of character specific animation tools. Here’s some of the plugins and tools currently supported by Lottie and Bodymovin that we use to create character animations.

Delightful Narrative Animation

Bodymovin allows for the export of a multiplicity of elements from After Effects. The extremely satisfying looping piece below was created using the Newton physics in After Effects.

UI Elements & Icons

Lottie is idea for all sorts of UI elements. It’s tiny file sizes and crystal clear resolution and frame rate mean that your designed icons remain exactly as you illustrated them.

Emojis & Stickers

We created an animated emoji set for Airtime’s app, creating a fun set of lovable stickers for their users. Using Lottie saves on a huge amount of bandwidth as the app is working with data not video files.

Dynamic Multi-Scene Animation

Lottie files don’t limit your ability to cut or wipe between scenes. The ability to precomposite shots means that you create dynamic narrative across a number of shots.

Logo Animation

Logo presentation is made simple using incredibly lightweight files. Lottie files are vector based and as such scale with no difficulty leaving no ragged edges or compression artefacts.

Website Enhancement

The elements created for our Lottie & Bodymovin article bring life and zest to the piece without compromising on load times and quality. The perfect addition to any page.