Avada Lottie Animation Element Examples

The Avada Lottie Animation Element allows you to embed lightweight, scalable JSON-based animations into your content—animations sourced from LottieFiles or custom-made—offering smooth visuals without a heavy load. You gain control over playback options (loop, speed, trigger), start/end points, visibility, alignment, and styling, allowing you to use motion to highlight features, decorate layouts, or add delightful interactions without compromising performance.

Build Beautiful Websites

This Avada Lottie Element is a lightweight tool for adding predesigned Lottie animations to your website content. Options for this Element are: Link URL, Trigger (None, Viewport, Hover, Click, Toggle Click, Scroll, Cursor Move), Loop (Yes, No), Reverse Animation (Yes, No), and Playback Speed.

Examples can include the individual option values set for that particular instance; however, in some cases, not all Element variations can be shown as they may be too numerous. Where a live example cannot be shown, an image representation will be used as a substitute. For more detailed information, please refer to the related Element documentation and videos.

Avada Lightbox Element Featured ImageLightbox
Avada Media Slider Element Featured ImageMedia Slider