Divi Animation is the primary motion engine of the plugin and is designed to bring advanced animation control directly into the native Divi 5 workflow. Instead of forcing users to work with a separate animation module, the extension enhances existing Divi modules by adding motion controls inside the Visual Builder.
This makes it possible to create modern animated layouts while continuing to use the normal Divi editing experience. Whether you are building a landing page, promotional section, hero area, or interactive content block, Divi Animation helps add movement and visual flow without requiring custom JavaScript or external animation libraries.
Common Website Use Cases:
• Hero sections with staged entrances
• Promotional landing pages
• Feature highlights and product showcases
• Animated call-to-action sections
• Scroll-based storytelling layouts
Supported Modules:
• Heading
• Text
• Image
• Button
• Blurb
• Call To Action
• Other native Divi modules
Third-party plugin modules are not supported.
Where to Find the Settings:
1. Open your page using the Divi 5 Visual Builder.
2. Select the module you want to animate.
3. Navigate to the Design tab.
4. Open the Divi Animation settings group.
Understanding the Main Controls:
• Animation presets
• Timeline-based controls
• Scroll and hover triggers
• Delay and easing adjustments
• Stagger animation controls
• Motion path support
• Lottie animation support
Animations can be previewed directly inside the Visual Builder. After saving the module and updating the page, always test the frontend version as well to evaluate real scroll and interaction behavior.