Learn how to use lottie animation to create dynamic visuals.


Visuals play a crucial role in capturing users' attention and making your web app stand out. Vector animations are a good way to elevate your web app's design. These animations could make your user interface engaging and memorable.

Action Introduction

Setting the animation playback state

Operation Guide

To download the animation URL: lottie

Upload: Import an animation component in JSON format.

Style-Loop: Enable looping for continuous animation playback.

Style-AutoPlay: Automatically initiate animation playback.


Click the "Play" button, and the vector animation starts to play.


Click "Stop", the vector animation will stop at the specified frame. Click the "Play" button to start playing it from the beginning.


Click "Pause", the vector animation will stop at the current frame. Click the "Play" button will start playing it from the beginning to the end.

Play Clip

When the button action is set to "Play Clip," only the portion between the start and end frames of the vector animation will be played.

Setting the direction

Direction: 1 plays the vector animation forward.

Direction: -1 plays the vector animation in reverse.


​If you encounter any issues during the process, feel free to join our Discord community for assistance.​​

About Momen​​​​

Momen is a no-code web app builder, allows users to build fully customizable web apps, marketplaces, Social Networks, AI Apps, Enterprise SaaS, and much more. You can iterate and refine your projects in real-time, ensuring a seamless creation process. Meanwhile, Momen offers powerful API integration capabilities, allowing you to connect your projects to any service you need. With Momen, you can bring your ideas to life and build remarkable digital solutions and get your web app products to market faster than ever before.​​

Last updated