Print
Adding Lottie Animations to Videos

A Lottie is a JSON-based animation file format that can be used to add animated graphics on any platform.

These simple animations can go a long way in enlivening any video experience and can be integrated with interactions too!

The following steps will guide you in adding Lottie animations to your experience:


  1. Click on the Lottie component tile to add it to the experience. The corresponding properties will open to the right of the Canvas

  2. From the components manager, below the canvas, adjust the timeframe for the lottie animation to appear within the video

  3. To upload the animation, select Source tools, under the properties tab and click on Upload Lottie.

  4. On clicking upload, you can browse through your PC and select the .json file of your choice.


You can adjust additional image properties such as the border, aspect ratio animation and interactions from Design tools. You can also add animations and Interactions to your lottie components, just as you can for buttons.


Each of these have been discussed in detail in the linked articles



Was this article helpful?
Nexweave Knowledge Base | 2021