Modules Text Reveal

FreeModulePro extras

Text Reveal

Headings and paragraphs that reveal line by line, word by word or letter by letter as they scroll into view. Links and inline formatting are kept, and screen readers get the full text once.

Live demo

Free: words, letters and lines

Scroll down slowly. Each block reveals when it enters the view.

Motion that reads well,
with every link intact.

Split: words · Effect: slide up · Stagger: 60 ms

Letter by letter, behind a mask.

Split: characters · Effect: mask · Stagger: 22 ms

Line by line, a longer paragraph fades in one line after another, so a block of copy keeps its rhythm on every screen size. Lines are measured after fonts load and again when the window is resized.

Split: lines · Effect: fade · Replay when scrolled back

Live demo

Pro: scrub and highlight

Scrub mode fills in the words as you scroll, and draws a highlight under the ones that matter.

Every word fills in as you scroll, and the important ones get underlined.

Mode: scrubbed by scroll · Highlight: underline

Live demo

Pro: blur, marker and flip

Two more Pro effects. Scroll back up past them and they play again.

Blurred words come into focus, with a marker highlight.

Effect: blur in · Highlight: marker · Start: 30% · Replay when scrolled back

A core Heading module, flipped in.

This one is Beaver Builder's own Heading module with Text Reveal switched on in its Kinetic tab.

How to use it

Where to find it

Add the Text Reveal module. With Pro, the same reveal is in the Kinetic tab of the Heading, Text Editor, Button, Callout and CTA modules.

Free In the free plugin

  • Split by lines, words or characters
  • Slide up, fade and mask effects
  • Stagger, delay, duration, easing and start point
  • Replay when scrolled back into view

Download free →

Pro Pro adds

  • Scrub mode: words fill in as you scroll
  • Highlight and underline drawing on chosen words
  • Blur and 3D flip effects
  • Reveal for core Heading, Text Editor, Button, Callout and CTA modules

Kinetic Modules

Make your Beaver Builder sites move.

Start with the free plugin. Add Pro when a project needs the big effects.