Lottie Playground

Lottie (by Airbnb) is a JSON-based animation file format that enables designers to ship animations on any platform as easily as shipping static assets. They are small files that work on any device and can scale up or down without pixelation. (lottiefiles.com)

This is not a video

Press to Change color →

Unlike video files, Lottie animations are like 'open-source' code. You can change colors, text, elements, and much more. Just imagine how you can utilize Lottie animations on your app or website.

** Apparently, some Safari browsers crash with this color-changing CSS, so please try to scroll down and back up, or test this with Chrome. Thanks :)

Top reasons for using Lottie

It is multi-platform - You can use Lottie files on iOS, Android, web and React Native without modification.
It is resolution independent and scalable at run-time - So say goodbye to pixelated videos.
Super small file size - So loading times for your website/app are hugely reduced.
It allows for high-quality animations on multiple platforms and resolutions by mixing vector and raster elements and applying transformations at run-time - You no longer need 10 different mp4 files for each platform.

Lottie Animation Examples