Lottie element

Lottie element in Flex

With this new element, you can add Lottie animations to your website, to have more movement and make your site more dynamic. 

As mentioned on lottiefiles.com - "A Lottie is a JSON-based animation file format that works on any device and can scale up or down without pixelation."

One of its biggest advantage over GIF animations or videos is that a Lottie allows you to maintain high-quality animations without sacrificing page load speed.

How to use the element

1. Pick a Lottie animation you want to use on your website. Check lottiefiles.com for a curated library of free Lottie animations.
2. Download the Lottie animation as a JSON File.
3. Add the Lottie element in Flex and upload the JSON.
4. Set it to autoplay, play on hover or on scroll, and enable or disable the loop feature. Done!