2020-07-22

With the release of Lottie, Airbnb has made it so simple to incorporate animations into your Swift projects. In this piece, I will show you step-by-step how you can add beautiful animations into

import LottieVie Learn how to build Custom designed websites with Webflow:http://zpr.io/tPhkU-Flux is proudly sponsored by Webflow, start a new account with an awesome discou 3. Preparing the Lottie div (Structure) ‍ We're going to be adding lottie to our website through applying it to a div and letting the script target the classname. ‍ To apply the animation we will be using two div blocks with unique class-names. Lottie animations can be driven by gestures using the animated progress feature, and animation speed can be manipulated by changing a simple value. iOS even supports adding additional native UI to an animation at runtime, which can be used for complex animated transitions. Lottie is a library created by Airbnb team that parses animation created using Adobe’s After Effects and exported as json file using Bodymovin plugin.

Lottie adding

LottieFiles maintains the web component that enables using our custom web component to easily add a Lottie player anywhere on your webpage. To add the web component, you need to grab the script URL to the player and add it to the section of your page HTML (or anywhere on the page).