Welcome to DiviMotion — the animation engine built exclusively for Divi Builder.
It brings the power of GSAP (the industry-standard JavaScript animation library) directly into your Divi Visual Builder workflow. You get full creative control over scroll effects, hover interactions, click triggers, and timeline animations, all without writing a single line of code.
With DiviMotion, you can animate any section, row, or column using controls that feel native to Divi.
Fun Fact: No JavaScript knowledge required. If you can use Divi, you can use DiviMotion.
Let’s Get Started
This documentation covers everything you need to master DiviMotion. Here’s what you’ll learn:
- Getting Started: Install, activate, and create your first animation
- Core Concepts: How scroll, hover, click, and load triggers work
- Animation Properties: Animate opacity, scale, position, easing, and more
- Timeline & Interactions: Sequence animations with multi-step triggers
- Use Case Recipes: Real-world animations with step-by-step instructions
- Templates & Playground: Copy presets or test animations live
- Best Practices & Troubleshooting: Stay fast, smooth, and bug-free
Each guide includes annotated screenshots, pro tips, and links to related features.
Ready to Begin?
If you're new to DiviMotion, start with the Dashboard & Interface Overview to understand how the plugin works inside the Divi Builder.
Then, follow the First Animation Workflow to create and publish your first animation in minutes.
