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.
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
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.
Can’t speak on behalf of Carmel but think this is the first part of getting that same interactivity to Editor X. Need to have the component available before adding in scroll-based interactions to it.
@carmelsc → Pitching a menu tweak:What if the controls/options available for embeds (in velo) are shown as checkboxes within the design panel? In many cases the code shows what options are available, if the velo panel or the editor tools could pull these items and show them it would make for a faster design experience. Just a quick and dirty pitch idea, feel free to ignore if you disagree