Avada Design Elements

Lottie Animation

The Avada Lottie Animation Element embeds lightweight, scalable animations from LottieFiles or custom JSON files, enhancing engagement with smooth, high-performance motion design.

Avada Lottie Animation Element Featured Image

Lightweight & Scalable

Utilizes Lottie’s vector-based format, ensuring animations remain smooth & compact across all devices.

Playback Controls

Set triggers (scroll, hover, autoplay), loop behavior, playback speed, & animation offsets for precise visuals.

Layout Options

Adjust size, alignment, margins, & visibility per device to blend animations seamlessly into the website.

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
Go to Top