Motion Library
Explore Divi Animation effects in action. Browse ready-made motion examples for entrance animations, scroll effects, reveal animations, hover interactions, timeline motion, and trigger-based effects.
Explore Animation Demos
See how different motion styles can be used across real Divi layouts. Use the Motion Library to preview animation ideas, compare effect types, and choose the right motion style for your next Divi section.
Preview
Watch every motion style play live before you commit to a direction.
Compare
Place effect types side by side and find the right rhythm for your page.
Choose
Select a motion style that fits the tone of your Divi section.
Apply
Take the effect into Divi and customize it with presets and triggers.
Filter by Motion Type
Entrance Animation Demos
Showcase smooth entrance effects for headings, text, images, buttons, cards, and sections.
Fade Up
A clean upward entrance effect for modern page sections.
EntranceFade In
A simple fade effect for subtle content appearance.
EntranceZoom In
A scale-based entrance effect for images, cards, and CTA blocks.
EntranceRotate In
A rotating entrance effect for visual highlights.
EntranceFlip X
A flip-style animation for cards, icons, and interactive sections.
EntranceBlur In
A soft blur-to-clear effect for polished content reveals.
EntranceScroll Effect Demos
Showcase motion that responds as visitors scroll through the page.
Parallax Up
Move elements upward while scrolling for layered page depth.
ScrollParallax Down
Create smooth downward movement across scroll sections.
ScrollScroll Fade
Fade content in or out based on scroll position.
ScrollScroll Zoom
Scale elements while visitors move through the page.
ScrollScroll Rotate
Add rotation-based movement to visual elements.
ScrollPin Section
Keep a section fixed while the page continues moving.
ScrollReveal Animation Demos
Showcase directional reveal effects for images, sections, cards, and content blocks.
Reveal Left
Reveal content from the left side.
RevealReveal Right
Reveal content from the right side.
RevealReveal Up
Reveal content upward with a clean transition.
RevealReveal Down
Reveal content downward for section intros.
RevealReveal Center
Reveal content from the center outward.
RevealReveal Circle
Use a circular reveal for visual emphasis.
RevealHover Effect Demos
Showcase interactive motion when visitors hover over Divi elements.
Hover Grow
Slightly enlarge an element on hover.
HoverHover Pop
Add a quick pop-style interaction.
HoverHover Lift
Lift cards, buttons, or images on hover.
HoverTimeline Animation Demos
Showcase advanced animation sequences controlled with timeline settings.
Staggered Content
Animate multiple elements one after another.
TimelineDelayed Button Reveal
Bring in a CTA button after the main content appears.
TimelineLooping Highlight
Repeat a small motion effect for visual attention.
TimelineBackward Motion
Play an animation in reverse for creative transitions.
TimelineCustom Easing Motion
Use easing controls to create smoother movement.
TimelineTrigger-Based Demo Effects
Showcase animations that play based on user behavior or page events.
Page Load Animation
Play motion when the page first loads.
TriggersScroll Trigger Animation
Start animation when an element enters the viewport.
TriggersClick Trigger Animation
Play motion after a visitor clicks an element.
TriggersHover Trigger Animation
Start motion when a visitor hovers over an element.
TriggersAlways Active Animation
Keep a motion effect running continuously.
TriggersEvent-Based Animation
Trigger motion using a custom event.
TriggersCombo Preset Demos
Showcase ready-made motion combinations for high-impact Divi sections.
Cinematic
A dramatic motion preset for bold hero or campaign sections.
Hero Reveal
A polished intro animation for above-the-fold content.
Landing Page Flow
A smooth preset idea for long-form landing pages.
CTA Focus
A motion combination designed to draw attention to call-to-action areas.
See What You Can Build
With Divi Animation
The Motion Library helps you preview animation ideas before building. Explore effects, choose a style, apply it inside Divi, and customize the motion with presets, triggers, timeline controls, and frontend preview.