Lottier – Lottie Animated Images for Elementor

Description

Lottier adds to Elementor a dedicated widget to display Lottie animations in JSON format within any page built in the visual editor, allowing you to load local .json files or via URL and control playback via hover, click, scroll, or autoplay. It is for people who create landing pages, portfolios, and institutional websites in Elementor and want to replace heavy GIFs and background videos with lightweight, responsive vector animations.

Key Features of Lottier

• Native widget in Elementor
  Adds a new draggable element to the builder’s sidebar panel.
• Support for Lottie JSON files
  Loads lightweight vector animations generated from After Effects projects via Bodymovin.
• Configurable playback triggers
  Starts the animation with autoplay, hover, click, or when entering the viewport.
• Speed and loop control
  Adjust playback speed, reverse direction, and the number of repetitions directly in the panel.
• Responsive rendering
  Scales the animation proportionally on desktop, tablet, and mobile without losing quality.

Benefits of Lottier

• Lighter pages
  Replaces heavy GIFs and videos with JSON files of just a few kilobytes.
• Visual workflow without code
  Lets you configure complex animations without writing additional JavaScript or CSS.
• Higher visual engagement
  Includes micro-interactions and animated illustrations that capture the visitor’s attention.
• Broad compatibility
  Works with any theme compatible with Elementor without additional adjustments in the theme.

Who Is Lottier Intended For?

• Anyone building landing pages in Elementor and wants to highlight sections with animated illustrations.
• Designers and creative studios that produce animations in After Effects and export via Bodymovin.
• You who need to replace heavy GIFs with lightweight vector animations on a WordPress site.
• Agencies that develop portfolios and institutional websites looking to differentiate the visual presentation.

How to Download Lottier

Lottier is available for download here on Ultrapack. After downloading the .zip file, install it in Plugins > Add New > Upload plugin, select the .zip, and activate it. The widget then appears in the Elementor elements panel, in the section dedicated to the plugin, ready to be dragged onto any page in edit mode.

For those who already work with Elementor and want to enhance the visual appeal of pages without compromising performance, Lottier fills an important gap by making Lottie animations accessible within the drag-and-drop workflow. The combination of scroll, hover, and click triggers creates room for interactive visual narratives that previously required custom code or more complex third-party plugins.

Frequently asked questions