Making a Lottie File w/ plugin nodes

Published on 02/26/2023
Help Article
DSC_2753_web-2.jpg
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.

Commentary

HTML
CSS/SASS
JS
Navik Mega Menu

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

20, Sep 2021
Help Article Design
Google Translate

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

20, Sep 2021
Help Article
Mix Blend Mode

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

06, Aug 2021
Help Article Design
Isotope

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

02, Aug 2021
Help Article Plugins