Preview your Lottie Animations on device

Shafiu Hussain
Lottie Files
Published in
2 min readApr 8, 2017

Welcome to LottieFiles blog. LottieFiles allows designers to share their animations for Lottie library with others. Lottie is an open-source animation tool by the amazing folks at Airbnb. Its an iOS, Android, and React Native library that renders After Effects animations in real time, allowing apps to use animations as easily as they use static images.

Since Lottiefiles uses bodymovin to display the animations on our site, sometimes when these animations are implemented using Lottie the results vary a bit. So we decided to create a mobile client that you can either a scan a QR code from LottieFiles or input the URL manually to preview the animation on the device. Grab the android app from play store here http://lottiefiles.com/android. iOS app is on the way.

Pro tip. You can drag and drop your Bodymovin JSON file into LottieFiles.com and scan the QR code on the screen to test your animation in Lottie. The dragged and dropped file will only be visible to you. But you can use the sharing link share with others privately.

Here is a quick video of how Lottie Preview App works.

We welcome feedback and suggestions on how to improve LottieFiles, so more designers and developers can harness the power of Lottie to make things more delightful.

We have big plans for LottieFiles. Tweet to http://twitter.com/lottiefiles

--

--

Shafiu Hussain
Lottie Files

Geek, UI/UX guy, @LottieFiles, Head of Product Design @Mindvalley, @kickstartmv, from Maldives. Previously Co-founded @TaxiMonger