Making a Lottie File w/ plugin nodes

Published on 02/26/2023

Help Article

Jason Hoover
Leiout Developer

Steps to implementing Lottie animations

Get your lottie json file. You can make it yourself or find one on the library.
Pull up a plugin node.
Define the div with ID where you want to have the json file load
Upload the json file to directory files
Include JS intialization in plugin
Include the bodymovin.min.js file either from a CDN or include the file locally.

Resources

Commentary

xxxxxxxxxx
 
<div class="hello">Hello world!</div>

x
 
.hello{
}

x
 
$(".hello").click(function{
    var world = "Hi!";
    console.log(world);
});

This article explains how to create and use the mega menu functionality in Leiout navigation menus.

20, Sep 2021

Help Article Design

This article explains how to install and use Google's translate javascript library and implement a b...

20, Sep 2021

Help Article

This help article explains the CSS mix-blend-mode property and how to incorporate it with hero image...

06, Aug 2021

Help Article Design

This article explains how to use the Isotope JavaScript library and shows an example of it in action...

02, Aug 2021

Help Article Plugins