Skip to content
Get Divi Torque

Native Divi 5 ModuleFree

Divi Animated Text

Capture attention with dynamic text animations.

Why use the Divi Animated Text module?

A rotating headline is usually a plugin of its own, or a hand-rolled script pasted into a code module. Animated Text is a Divi module: three animation styles, a prefix and a suffix that stay still, and a middle phrase that changes.

Typed types and deletes each word one letter at a time. Tilt swaps whole words with an animate.css style transition. Slide moves the next word in and the last one out. All three take the same prefix, words list and suffix.

The line beside this is the live module, typing on a loop.

We build for  
 .

What you get out of it

Three animation stylesTyped, tilt and slide are one dropdown apart, so you can try all three on the same words.Prefix and suffix stay stillOnly the middle phrase changes. The words before and after it are ordinary static text.A real typing cursorColour, width, height and gap are each their own setting, and it can be switched off.A 29-value transition setTilt picks its entrance and exit from the same animate.css library Divi already ships.Timing you controlStart delay, back delay, typing speed, and how long each word holds before the next one.Free, and native on Divi 5It ships in Divi Torque Lite on WordPress.org, built on the Divi 5 engine rather than shimmed from Divi 4.

Everything the Divi Animated Text module does

Every option below ships in the free plugin.

Animation type: typed, tilt or slidePrefix and suffix text, always staticA list of words for the animated phraseTyped: start delay, back delay, typing speedTyped: loop on or offTyped: cursor on or off, with colour, width, height and gapTilt: entrance style, exit style, from a 29-value setTilt: delay, sync, shuffle and reverse orderSlide: transition style and the gap between wordsLayout: block or inlineText alignment: left, centre or rightSeparate stroke colour for the animated wordCustom CSS hooks for the prefix, the animated word, and the suffix

See the Divi Animated Text in action

Every line below is the live module, not a recording. This first one is Typed, the default.

Typed

Types each word letter by letter, pauses, deletes, and moves to the next.

Building a site for  
 .

Tilt: whole words, with a transition

Tilt swaps in a whole word using an animate.css style, instead of typing it out.

Tilt

fadeInUp in, fadeOutUp out, held two seconds between words.

Support that is  
  • fast|honest|from a real person
 .

Slide: the next word moves in

The incoming word slides in from one side as the outgoing word slides out the other.

Slide

fadeInLeft, three second gap between words.

Works with  
  • Divi 5|the Visual Builder|your existing theme
 .

Building one takes about a minute

Three steps, and none of them involve custom CSS.

1Drop in the moduleAdd Animated Text to any row. It arrives with a prefix, one word, and a suffix already in place.2List the wordsThe Content panel takes the prefix, a pipe-separated list of words, and the suffix.3Pick the style and the timingThe Design tab holds the animation type, and each type shows only the timing controls it uses.

Questions people ask first

Short answers, all of them checked against what the module actually does.

Is the Animated Text module free?Yes. It ships in Divi Torque Lite on WordPress.org. Nothing on this page is behind the paid plugin.Does it need Divi 5?It is a native Divi 5 module. A Divi 4 layout using the same module converts across, since it shares the same shortcode.Can the prefix or suffix animate too?No. Only the middle phrase changes. The prefix and suffix are static text either side of it.Can I turn off the loop so it stops after the last word?Yes, for the Typed style. Loop is a single toggle; turning it off types through the list once and stops.Do tilt and slide fade between words?Tilt uses whichever animate.css style you pick for entrance and exit, which can look like a fade if you choose a fade style. Slide moves the next word in and the last one out; it does not cross-fade.Can each word have its own colour?No. There is one stroke colour for the whole animated phrase, not per word.

Related modules

Other modules in the same plugin, included with every license.

Icon Box

Pair icons with text to present services and features clearly.

Feature Box

Highlight key information with icon-and-text boxes.

Dual Buttons

Offer two clear calls to action side by side.

Get Animated Text and 78 more.

One license, every module and extension, native on Divi 5.

Unlock all 79 modules