Lottier – Lottie Animated Images for WordPress Editor

Description

Lottier incorporates Lottie animations into any WordPress page via a dedicated widget that accepts .json files and LottieFiles URLs, with loop, autoplay, speed, and hover or scroll triggers. Compatible with Elementor, WPBakery, Gutenberg, and the classic editor, it is aimed at those who want to replace heavy GIFs and static illustrations with lightweight animated vectors on landing pages, headers, and highlight sections.

Key Features of Lottier

• Native support for Lottie files
  Loads .json animations exported from After Effects via the Bodymovin plugin or downloaded from LottieFiles.
• Widget for visual builders
  Adds a dedicated element in Elementor, WPBakery, Gutenberg, and a shortcode for the classic editor.
• Granular playback controls
  Configures autoplay, loop, speed, reverse direction, and start/end points for each instance.
• Interactive triggers
  Triggers the animation on mouse hover, element click, or as it comes into the viewport during scrolling.
• Responsive vector rendering
  Maintains animation quality at any resolution with files significantly lighter than GIFs or videos.

Benefits of Lottier

• Lightweight pages
  Replaces heavy GIFs and short videos with a few kilobytes of vector files.
• Distinct visual identity
  Adds subtle motion to icons, illustrations, and CTAs to highlight important sections.
• No manual coding
  Configures each animation via the builder’s visual panel, without editing JavaScript or CSS.
• Fit in any layout
  Allows reusing the same Lottie file in headers, hero sections, popups, and content blocks.

Who is Lottier For?

• Designers and digital agencies delivering sites with microinteractions and animated illustrations.
• Those who need to enhance landing pages and sales pages without increasing load weight.
• Creative studios, portfolios, and brands already using LottieFiles and wanting to bring those animations to WordPress.

How to Download Lottier

Lottier is available for download here on Ultrapack. After obtaining the .zip file, go to Plugins > Add New > Upload Plugin in the WordPress dashboard, select the file, and activate. The widget shows up in Elementor, WPBakery, and Gutenberg immediately after activation, ready to accept .json files.

Designed for those working with interface design and page production in WordPress, Lottier occupies a specific niche in the ecosystem: translating the flow of vector animations from After Effects and LottieFiles directly to visual builders. The result is control over every playback detail without leaving the editor where the page is already being assembled.

Frequently asked questions