Divi 5 Motion Toolkit

Bring Every Divi Module to Life

Create advanced motion effects for Divi 5 with Animator, Text Flow, Image Flow, SVG Draw on Scroll, Tilt Effect, timelines, triggers, presets, and live preview controls.

Animator Text Flow Image Flow SVG Draw Tilt Effect GSAP + ScrollTrigger
Built by DiviNext for modern Divi creators.
The Toolkit

A Complete Motion Toolkit for Divi 5

Divi Animation gives you a visual animation workflow for creating interactive Divi pages without complex manual setup. Animate modules, text, images, SVGs, and hover interactions from one focused plugin.

01

Divi 5 Native

Built for Divi 5 modules and the Visual Builder workflow.

02

Extension System

An extension-based animation system you fully control.

03

Timeline + Triggers

Visual timeline and trigger controls for every effect.

04

Live Preview

See animations update live while you build.

05

Flexible Plans

License plans for 1, 5, or unlimited websites.

The Problem

Static Divi Pages Can Feel Flat

A great design needs movement to guide attention, improve flow, and make key sections feel more interactive. Divi Animation helps you add controlled motion without writing custom animation code for every effect.

Limited control over advanced animation

Hard to time motion manually

No easy way to animate text, images, and SVGs together

Difficult to preview motion before publishing

Too much setup for repeatable animation workflows

FLAT → INTERACTIVE
Scroll to bring this section to life
The Solution

One Plugin for Advanced Divi Motion

Divi Animation brings multiple animation extensions into one Divi 5 workflow. Turn on the extensions you need, create motion visually, preview the effect, and publish with confidence.

What You Can Create

Module animations
Text reveal effects
Image reveal effects
SVG drawing animations
3D hover tilt effects
Scroll-based motion
Click and hover interactions
Timeline-based sequences
Core Extensions

5 Powerful Animation Extensions

Each extension is designed for a specific motion workflow, so you can animate the right element with the right controls.

EXTENSION 01

Animator

Universal motion effects for Divi 5 modules.

EXTENSION 02

Text Flow

Timeline-based and scroll-driven text animations for Heading and Text modules.

EXTENSION 03

Image Flow

Image reveal effects with wipe, zoom, overlay, diagonal, and 3D styles.

EXTENSION 04

SVG Draw on Scroll

Scroll-linked SVG path drawing animations for SVG-based visuals.

EXTENSION 05

Tilt Effect

3D hover tilt effects with perspective, scale, glow, and spotlight controls.

Animator

Animate Any Divi Module

Animator gives you universal motion controls for Divi 5 modules. Add entrance, scroll, mouse, sticky, hover, and custom interactions with a visual workflow.

  • Universal module animation
  • Presets and timeline controls
  • Page load, scroll, click, hover, and always triggers
  • Motion path, Lottie, AI generator, and active effects list
  • Live preview and live edit controls
Explore Animator
ANIMATION CONTROL PANEL
Divi Module
TRIGGER
Text Flow

Make Text Move With Purpose

Text Flow helps you animate Heading and Text modules with split text, stagger, timeline, presets, and trigger controls.

Fade Up Words

Best For

Hero Headlines Section Titles Feature Text CTA Copy Storytelling Sections
Image Flow

Reveal Images With Motion

Image Flow lets you add stylish image reveal effects to Divi Image modules with preset and custom controls.

Hover each image to preview a reveal style — Wipe • Clip Rect • Circle • Overlay • Zoom • Diagonal • 3D Flip

Wipe
Circle
Zoom
Diagonal

Controls

DirectionOverlay Color DurationDelayTrigger
SVG Draw on Scroll

Draw SVGs as Visitors Scroll

Create scroll-linked SVG path drawing animations for icons, line art, logos, illustrations, and decorative visuals.

Controls

SVG SourcePositionOffset Path SelectorTrigger ModeScroll Start EasingDraw DirectionStagger Paths

Best For

Line Icons Brand Marks Illustrations Process Graphics Scroll Storytelling
Tilt Effect

Add Interactive 3D Hover Effects

Tilt Effect adds responsive 3D hover motion to Divi modules with control over perspective, speed, direction, scale, glow, and spotlight effects.

Perspective

Control depth and perspective for natural 3D hover motion.

Glow Follow

A soft lime glow tracks the pointer for a premium feel.

Spotlight

Spotlight highlight reveals as visitors move across the card.

Controls

Tilt AmountPerspectiveScale on Hover SpeedDirectionReverse Tilt Reset on LeaveGlow FollowSpotlight

Direction Options

BothHorizontal OnlyVertical Only
Timeline Controls

Control Every Animation Moment

Fine-tune how each animation starts, moves, repeats, and transitions with timeline-based settings.

Opacity
X / Y
Scale
Rotation
ClipPath
DurationDelayRepeat PositionEasingCustom Easing PropertiesAdd Step

Motion Properties

OpacityX/Y MovementScale RotationSkewColor FilterClipPath
Trigger Controls

Play Motion at the Right Time

Choose when animations run based on page behavior or visitor interaction.

Page Loadon:load
Scroll Into Viewon:view
On Clickon:click
On Hoveron:hover
Alwayson:loop

Scroll Options

Start PositionEnd Position ScrubLoop
Advanced Motion

Go Beyond Basic Animation

Divi Animation includes advanced controls for creating more dynamic and creative motion workflows inside Divi.

Stagger Animation

Create delayed motion sequences from start, end, center, random, or edges.

Motion Path

Move elements along custom canvas waypoints.

Lottie Support

Add JSON-based Lottie animations with autoplay, loop, speed, and trigger controls.

> describe: "fade up + soft bounce"_

AI Animation Generator

Describe an animation idea and apply structured animation settings.

Active Effects List

View and manage the effects currently active on a module.

5+

Advanced creative controls layered into one Divi workflow.

Live Preview

Preview Before Publishing

Test animations while editing, adjust timing and behavior, then publish with more confidence.

Divi Animation — Visual Builder preview.mode
TIMELINE SCRUBBER
WORKFLOW
Preview Animation Live Edit Adjust Save

Less guesswork. Faster testing. Better final motion.

Extension Manager

Enable Only What You Need

Use the Extensions page to activate or deactivate individual animation extensions. Disabled extensions will not load on the frontend or appear in the Visual Builder.

5 Animation Extensions
Live Status
4
of 5
Extensions Active

4 of 5 modules will load on the frontend

Responsive & Accessible

Built With Responsive Motion Controls

Control animations across devices and support accessibility preferences with built-in settings.

DesktopTabletMobile Respect Reduced MotionGlobal Animation ClassReset All Settings

Create motion that feels better across devices and respects reduced-motion preferences.

Use Cases

Made for High-Impact Divi Websites

Use Divi Animation wherever motion can improve focus, flow, and interaction.

Hero Sections
Landing Pages
Service Blocks
Portfolio Layouts
Product Sections
Pricing Sections
CTA Areas
Scroll-Based Pages
Who It's For

Built for Divi Creators

Designers

Add polished motion to visual sections and interactive layouts.

Freelancers

Create more impressive client websites with reusable animation workflows.

Agencies

Use one complete motion toolkit across multiple Divi websites.

Business Owners

Make important sections easier to notice and more engaging.

Divi Website Owners

Upgrade static layouts with modern animation effects.

Before & After

From Static Layouts to Interactive Divi Experiences

Before Divi Animation After Divi Animation

Before Divi Animation

  • Static Divi modules
  • Basic animation limits
  • Manual setup for advanced effects
  • Harder timing control
  • Less visual preview support

After Divi Animation

  • Universal module animation
  • Text and image reveal effects
  • SVG draw and 3D tilt effects
  • Timelines, triggers, and live preview
  • Extension-based animation workflow

Divi Animation Pricing Made Simple

Every Divi Animation plan includes the full motion toolkit. Switch billing to compare launch pricing instantly — regular pricing is shown crossed out so you always see your savings.

Launch pricing active · Save up to 41% vs regular yearly pricing

Personal

For One Divi Website

Best for bloggers, portfolios, landing pages, and small business sites.

$19 /year
Regular $29/year Save 34%
License — 1 website
  • Includes
  • Animator
  • Text Flow
  • Image Flow
  • SVG Draw on Scroll
  • Tilt Effect
  • Timeline Controls
  • Trigger Controls
  • Motion Path
  • Lottie Support
  • AI Animation Generator
  • Live Preview
  • Responsive Settings
Best Value

Agency

For Unlimited Divi Websites

Best for agencies, professionals, and high-volume Divi builders.

$49 /year
Regular $79/year Save 38%
License — Unlimited websites
  • Includes
  • Animator
  • Text Flow
  • Image Flow
  • SVG Draw on Scroll
  • Tilt Effect
  • Timeline Controls
  • Trigger Controls
  • Motion Path
  • Lottie Support
  • AI Animation Generator
  • Live Preview
  • Responsive Settings
What's Included

Every Plan Includes the Full Animation System

Divi Animation pricing is simple. Every plan includes all core extensions and animation controls. Choose based on the number of websites you need.

Animator Text Flow Image Flow SVG Draw on Scroll Tilt Effect Timeline Controls Triggers Stagger Motion Path Lottie AI Generator Live Preview Responsive Settings
Plan Comparison

Compare Plans Clearly

FeaturePersonalFreelancerAgency
DiviNext

Built by DiviNext for Divi Users

Divi Animation is created by DiviNext for designers, freelancers, agencies, and WordPress creators who build modern websites with Divi.

  • Divi-focused product workflow
  • Visual Builder-friendly controls
  • Practical for real website projects
  • Designed for modern motion experiences
FAQ

Divi Animation FAQ

Get Started

Start Animating Divi Today

Create better motion with Animator, Text Flow, Image Flow, SVG Draw on Scroll, Tilt Effect, timelines, triggers, live preview, and responsive controls.

Get Divi Animation

A complete Divi 5 motion toolkit for creators who want better control over animation, timing, and interaction.

  • Yearly

  • Lifetime

  • Yearly

  • Lifetime

  • Yearly

  • Lifetime