Get Moduly free
Gutenberg · Interactive & Motion · live demoLottie AnimationAdd lightweight animations that bring a section to life.

Lottie Animation

WordPress core has no Lottie block. This one plays a Lottie JSON file from a link or the media library (uploads are checked to really be Lottie files) and decides when it plays: as soon as it loads, on hover with reverse on leave, when scrolled into view (once or every time), on click, or frame-by-frame with the scroll position. Loop count, speed, direction and a frame segment are yours; a play/pause button meets the five-second rule; a poster shows while loading and without JavaScript; the player is only downloaded when an animation comes near the screen; and visitors who prefer reduced motion get a still frame.

Ready-made patterns

Inserter → Patterns → Moduly. Four sample animations are bundled.

Light on its feet

Lottie animations are tiny vector files: crisp at any size, a fraction of the weight of a video, and they only load when they come into view.

Fast setup

Ready in minutes.

Made with care

Every detail checked.

Done right

Guaranteed results.

Thank you — you’re on the list!

We’ll email you as soon as early access opens.

On load · loops 3 times · 1.5× speed

On click (the animation is the button)

Hover: pauses when the pointer leaves

Backwards · frames 0–60 · canvas renderer

Play/pause button · rounded tile background

Poster (media 91) until it loads · links to the shop

Follows the scroll: the loader turns as you scroll past (from 10 % to 90 % of the screen)

Scroll up and down to wind it back and forth.

A broken link keeps its poster (media 92) instead of an empty box