Description
Lottier adds a native module to the Divi Builder to integrate Lottie animations (JSON files exported from After Effects via Bodymovin) into any layout section, with play controls, loop, and speed directly in the visual panel. Targeted at those who build sites with Divi and want to replace heavy GIFs with light vector animations for headers, icons, illustrations, and highlight blocks without touching code.
Main Features of Lottier
- Dedicated Module for Divi
Adding a Lottier element to the Divi Builder module library. - JSON File Support
Uploading .json files in the Lottie/Bodymovin format through the media library. - Play Controls
Autoplay, loop, speed, and direction settings in the visual panel. - Interaction Triggers
Starting animation on hover, click, or scroll to element. - External URL Loading
Pointing to hosted files on CDN or LottieFiles without uploading JSON to the server.
Benefits of Lottier
- Lighter Websites
Vector animations are much lighter than equivalent GIFs or MP4 videos. - Pixel-Perfect Quality
Vectored renderings maintain clarity on Retina and 4K monitors without reexporting. - No Code Editing
Full configuration in the Divi visual editor, eliminating the need for manual CSS and JavaScript. - More Life on Pages
Micro-interactions in icons, buttons, and hero sections engage visitors.
Who Should Use Lottier?
- Those maintaining sites with Divi and want to replace GIFs and short videos with Lottie animations.
- Designers exporting compositions from After Effects via Bodymovin who need to embed the result in WordPress.
- Those creating landing pages with Divi Builder and seeking micro-interactions in icons, buttons, and hero sections.
How to Download Lottier
Lottier is available for download here at Ultrapack. After downloading the .zip file, go to Plugins > Add New > Upload Plugin, select the file, and activate it. With the plugin active, the Lottier module appears in the Divi Builder element list, ready to be dragged into any section.
By fully supporting Lottie, interaction triggers on hover, click, and scroll, and total integration with the Divi visual builder panel, Lottier fills the gap left by standard construction modules for motion design professionals. It’s the direct bridge between After Effects and the Divi Builder, opening the door for complex animations on WordPress sites without compromising performance.
Frequently asked questions
Is Lottier – Lottie Animated Images for Divi Builder GPL-licensed?
Yes. Lottier – Lottie Animated Images for Divi Builder is distributed under the GPL (GNU General Public License). You may legally use, modify and redistribute it on as many sites as you want.
Can I use Lottier – Lottie Animated Images for Divi Builder on multiple sites?
Yes. You can use Lottier – Lottie Animated Images for Divi Builder on multiple sites. The number of sites connected to Ultrapack Auto Updater is limited by your plan.
How much does Lottier – Lottie Animated Images for Divi Builder cost at Ultrapack?
Lottier – Lottie Animated Images for Divi Builder costs US$2.99 as a single purchase, and it is also included in the subscription plans starting at US$12/mo (VIP I).
Does Lottier – Lottie Animated Images for Divi Builder include updates?
Yes. The current version of Lottier – Lottie Animated Images for Divi Builder is 1.0.1, published at Ultrapack on May 1, 2023. Subscribers update straight from the WordPress dashboard with UAU (Ultrapack Auto Updater).
Is Lottier – Lottie Animated Images for Divi Builder scanned before publication?
Yes. Every version of Lottier – Lottie Animated Images for Divi Builder goes through a malware scan (ClamAV and YARA rules, at UltraHub) before it is published.
What are the requirements for the plugin Lottier – Lottie Animated Images for Divi Builder?
Requires WordPress 3.0 or higher and PHP 5.6 or higher. Tested up to WordPress 5.5.
How to install
Updates: manual. When a new version comes out, download it on this same page and upload it over the old one; WordPress asks whether you want to replace the current version.
The file on this page is the developer’s full package, documentation included. Do not upload that file through the dashboard: WordPress answers that the package does not contain a valid plugin. The plugin comes ready inside it, as a ZIP of its own, and that is the one you upload.
- Download the file
elements-lottie-animated-images-for-divi-builder.zipand extract it on your computer. - Look inside the extracted files for the file
Plugin/lottier-divi-v.1.0.1.zip. - In the WordPress dashboard, go to Plugins > Add New > Upload Plugin.
- Select that file, click Install Now and then Activate.
Requirements: Requires WordPress 3.0 or higher and PHP 5.6 or higher. Tested up to WordPress 5.5.
- There is nothing to zip. The ZIP inside the package is already in the format WordPress accepts.
- The rest of the package belongs to the author: documentation, license and sometimes sample files. None of that is installed through the dashboard.
Stuck on a step? Open a ticket telling us which one you stopped at.
