Lottie animations Lottie animations

Spark joy with Lottie files for web, Android & iOS devices

Small microinteractions, huge UI/UX benefits

Responsive and fast loading time

Creating your desired microinteractions in JavaScript comes highly recommended.

Lottie JSON files are SVG animations created from After Effects using the Bodymovin plugin. SVG Files load fast as they are small in size. Also perfectly scalable - giving you multiple dimensions and sizes.

Cross platform

Lottie is a JavaScript library that works on Android, iOS, React Native and Web, enabling your websites and apps to use our Lottie animations in JavaScript as easily as images.

Getting started with Lottie

Lottie is an Android, iOS, React Native & Web library that renders SVG animation exported from After Effects in real time on mobile and on the web, allowing native apps to use microinteraction animations in JavaScript as easily as they use static images.

Download the JSON file you want

Easily add microinteractions to your user interface to engage your users with these high quality UI animations.

Install Lottie JavaScript library

Integrate the Lottie library for your native platform of choice.

Android iOS Web React native

Frequently asked questions

Need more assistance? Find your answer from our help center or contact us .

Royalty-free describes intellectual property that can be used without having to pay royalties. Once a one-time fee is paid for a royalty-free license, the buyer is free to use it without having to pay recurring fees to the intellectual property owner.

While a royalty-free license gives a person the right to use it, the intellectual property still belongs to the original owner. Anyone who buys a royalty-free license is entitled to use the same content. In other words, royalty-free content is not exclusive.

However, there are many perks of using royalty-free content. A buyer does not need to attribute the owner and each content can be used as many times as desired in as many projects as possible.