Introducing the Lottie Icon Module: Expanding Our Divi 5 Alpha Integration

by Jun 10, 2025Announcements, Pixel Modules

The evolution of Divi Pixel continues with renewed vigor as we advance our comprehensive migration to the Divi 5 ecosystem. Following our significant milestone last month—where we successfully integrated over 30 modules into the Divi 5 alpha framework—we’re maintaining our commitment to weekly releases that expand our D5-compatible module library.

Our development philosophy centers on complete optimization for the emerging Divi 5 architecture. As Elegant Themes refines their alpha release, we’re simultaneously re-architecting our entire module collection to harness the enhanced API capabilities and performance optimizations that define this next-generation framework.

Today marks another pivotal advancement: the debut of our Lottie Icon module, specifically engineered for Divi 5 compatibility. This release complements our recently launched Scroll Image module, which has already begun demonstrating the enhanced possibilities within the D5 environment.

ï—½ 3 Contents

Understanding the D5 Development Landscape

The current Divi 5 public alpha represents an active development environment where both Elegant Themes and third-party developers like ourselves are continuously refining functionality. All Divi Pixel modules designed for this framework should be considered experimental builds undergoing active optimization.

Critical Implementation Guidelines:

• Reserve D5 module testing exclusively for staging environments or dedicated development installations
• Avoid deployment on production websites until official stable releases
• Expect iterative improvements as both frameworks mature simultaneously

This approach ensures optimal testing conditions while protecting your live website operations from potential alpha-stage incompatibilities.

Lottie Icon Module: Advanced Animation Integration

The newly released Lottie Icon module transforms static website elements into engaging, animated experiences. This sophisticated tool functions as an enhanced content block, seamlessly combining animated iconography with traditional text elements—titles, descriptions, and interactive buttons—creating cohesive, visually compelling sections.

Key Technical Enhancements:

 

  1. Intelligent Playback Controls: Comprehensive autoplay and looping configurations
  2. Scroll-Triggered Animation: Responsive animations activated by user viewport interaction
  3. Performance Optimization: Support for compressed Lottie files achieving up to 90% size reduction compared to standard JSON animations
  4. Granular Timing Controls: Precise speed adjustment and delay customization
  5. Direct Code Integration: Option to embed JSON/Lottie files directly through code input for advanced customization
  6. D5 API Integration: Built specifically to leverage Divi 5’s enhanced module architecture

Activating D5 Framework Support

Access to our expanded D5 module collection requires Divi Pixel version 2.36.0, currently available through direct website purchases and pending approval on the Elegant Themes Marketplace.

Activation Process:

  1. Confirm Divi 5 Alpha installation on your development environment
  2. Update Divi Pixel to the latest version 2.36.0 or later
  3. Access Divi → Divi Pixel → Modules within your WordPress administration panel
  4. Enable the Divi 5 Module Support configuration toggle

This toggle mechanism provides seamless environment switching, allowing developers to maintain separate Divi 4 and Divi 5 testing workflows without disrupting existing projects.

Contributing to the Development Process

Your participation in this transition phase directly influences the final product quality. We encourage comprehensive testing across diverse use cases and welcome detailed feedback through our established support channels or the Elegant Themes support infrastructure.

Each user interaction, bug report, and feature suggestion contributes to refining our module collection into a premier solution for the Divi 5 ecosystem. This collaborative approach ensures our final release meets the practical needs of real-world implementations.

Continuing Development Trajectory

Our engineering team maintains an aggressive development schedule, with additional D5-compatible modules entering final testing phases. The comprehensive migration of our complete module suite remains our primary objective, with each release bringing us closer to full D5 integration.

Next Steps:

• Continue monitoring our release announcements for upcoming module launches
• Join the Divi Pixel Community for exclusive access to beta features and development insights
• Engage with our user base to share implementation experiences and optimization strategies

The foundation we’re establishing today will define the enhanced capabilities available when Divi 5 reaches stable release. Your involvement in this alpha phase ensures a robust, battle-tested toolkit ready for immediate deployment in the next generation of Divi development.
Maciej Ekstedt

Maciej Ekstedt

Maciej, co-founder of Divi Pixel, is a passionate web designer and marketing expert who thrives on turning creative ideas into effective strategies. His fascination with the intricacies of megalopolises influences his work, where he meticulously crafts detailed solutions for his company.