Runtimes & Developers

Meet the one-stop guide for all things Lottie. Learn more and create more with LottieDocs now.

Get to understand the Lottie creation and the ecosystem around Lottie.

Tweak your animation’s dimensions, layers, colors, text, image and more and use it in any design project.

Change color and customize your Lottie animation by adding ID tags and classes to target layers with CSS!

The new Lottie Editor simplifies the animation process by making it easier to adjust, color changes and optimize or conceal layers.

Create animated designs, share them straight to social media, customize animations and more.

Add motion anywhere – even if you can’t code or design.

Here’s how to make any Lottie animation fit your brand or design aesthetic.

It’s never been easier to work on motion design projects with your team.

The embed feature makes adding motion as easy as copy and paste.

Here’s how motion can improve your website or app’s user experience.

Here’s how they compare, and when you might use each file type.