New Feature Alert: Lottie Animations

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! :sunglasses::blush:

5 Likes

@carmelsc Thx 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? :slight_smile:

OMG…FINALLY! I’m beginning to think you’re listening to us!!!

Maybe you’ll also add a rich text input element soon!?

Please, add the fit-mode velo function for editor x.

Is scroll interactivity supported?

developers are working on this one too, glad to see your positive feedback

it is one of the popular requests too, our developers are working on it now, as I know

Thank you for including such a great feature.

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.

Completely agree. They need to look at how Webflow have integrated Lottie and use that as a start.

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.

Just got released. https://www.editorxcommunity.com/forum/releases-and-announcements/new-feature-rich-content-on-editorx

Not yet.

@carmelscPitching 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 :slight_smile:

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?