Everything about Lottie Animation

What is Lottie?

The Lottie is an open-sourced Android, iOS, Web, React Native, Windows, QT, and Tizen library that performs After Effects animations in real-time, which allows apps to use animations as they use images.

What can a Lottie do?

A Lottie animation can play your animations on the web or mobile devices while still keeping high quality. The smart settings on the Lottie animation allow your animations to be interactive.

How can I use a Lottie?

It’s easier than you think with Lottie files or animations, you can import and preview your Lottie files or animation, and you can download Lottie animations from the Lottie community and marketplace and use it in your applications according to your requirements.

Where can I use a Lottie?

You can use Lottie files on basically any platform: web or mobile. That means you can use them seamlessly in both apps and web pages. Also, It isn’t technically limited to web and mobile. You could also use it on desktop apps as well as some watches.

How big is a Lottie?

To understand it let’s break it down into an easily visualized representation.

How is it better than what’s already out there?

  1. It is multi-platform. You can use Lottie files on iOS, Android, web, and React Native without modification.
  2. It is resolution free and scalable at run-time.
  3. Small in size.
  4. Shows animation elements and parameters to use as targeting elements to add interactivity and manipulation at run-time.

History of Lottie

2010- Before Lottie, motion designers were creating their animations and transferring them over to software developers for implementation. Options for implementation were poor and limited.

Why is it called Lottie?

Lottie got its name from Charlotte ‘Lotte’ Reiniger, German film director and the foremost pioneer of silhouette animation.

Lottie libraries and plugins available for free

Creation Tools

Hi everyone, myself Golap an Android app developer with UI/UX designer.