Media

Lottie Animation

Plays a Lottie .json vector with autoplay, hover, on-scroll or click triggers.

Live demo

See it in action

The markup

Clean, lean code

This is the exact HTML the element outputs, straight from the page builder. No wrapper soup, no inline-style bloat.

<section class="fw-flexbox fw-flex fw-contained fw-collapse">
	<div class="lottie lt-d5bb1ff9 fw-lottie fw-lottie--align-center" style="--lt-max:320px;" data-lottie="1" data-src="https://assets10.lottiefiles.com/packages/lf20_touohxv0.json" data-trigger="autoplay" data-loop="1" data-speed="1" data-direction="1" data-reverse-hover="0">
		<div class="fw-lottie__canvas">
		</div>
	</div>
</section>

To learn more about the Lottie Animation shortcode, please check out the online manual here.