The new Lottie Animations Widget lets you add lightweight vector based animations to your site. These animations maintain their quality across web and mobile.
Add a Lottie widget from the add panel, and replace the URL with a URL of the animation you want to use from the LottieFiles site.
To use a Lottie Animation from the LottieFiles site, you have to create an account on LottieFiles.
Then you will be able to see the URL that you can copy:
Enjoy and please share your feedback! 😎😊
Pretty cool. Now we need 3D animated files with UI capability. Would love to see some example sites which use this lottie with some style.. Anybody?
This is an ok start...but ultimately not really that helpful.....at least for the way I'd like to use lottie animations. I'd like to see implementation more on par with Webflow. Where we can actually control the animation and its interactivity, etc. So we can use them to do more UX/UI stuff, on scroll/click, etc. interactivity. This is just dropping the animation on the site. Hopefully better implementation is coming, and this is just the first step.
Thank you for including such a great feature.
Is scroll interactivity supported?
Please, add the fit-mode velo function for editor x.
OMG...FINALLY! I'm beginning to think you're listening to us!!!
@Carmel SchindelhaimThx for sharing the info Here a feedback The animation automatically start. It would be great if we have an option (like `Plays in a loop`) to define if the animation should start right away or be paused From a Velo perspective we are missing a few key features:
Controls on the animation : `setDirection`, goToAndStop(value, isFrame) and goToAndPlay(value, isFrame) which are necessary if you want to use your lotties for UI. More importantly we have no event onComplete, onLoopComplete, onEnterFrame, onSegmentStart which mean we can't really interact with our animation. There is not auto-complet available on the element itself Do you have plan to work on those? :)