10.3.2021 |

Lottie

Lottie is a library that renders After Effects animations in real time. It was originally developed by Airbnb and is now open source. https://airbnb.design/lottie/

Example animations

An animation like this is very difficult to develop in CSS/JS and/or natively for iOS/Android. But it is very easy to use tools like After Effects. This is especially good for artists, because they don't have to learn to code. The plugin Bodymovin - Lottie is needed for this.

The animation is exported in SVG/JSON format and is therefore particularly small compared to a video. In addition, it can normally be scaled as desired.

Lottie also offers an api with which animations can be controlled. For example, a burger menu can have an animation for opening and closing. With one click, the animation is started and then pauses at frame X. A second click allows the animation to continue.

Comparison

Comparison

Interesting article

Animation in the League of Legends Client

Zur Übersicht
Adrian Görisch

Mehr vom Devsquad...

Sven Röttering

Mirroring Gitlab Repositories

Lucas Meurer

TypeScript static inheritance Quiz

Hallo

Wir sind für Sie da und freuen uns auf Ihre Fragen oder Ihr Feedback.

* Pflichtfeld