Part of Rare Blocks

Story Scroller

Explain a product one step at a time while the visual stays in view.

Text steps scroll past a pinned image or video. Each step swaps the visual and dims the others. On phones the media sticks to the top or drops inline.

Get Rare Blocks

How to use Story Scroller in Divi

  1. Step 1

    Add the module

    Drop it into any Divi 5 section, row, or column. Container modules take your existing headings and buttons inside them.

  2. Step 2

    Pick a preset

    Ten presets per module set the motion, timing, and look in one click. Then adjust anything with the usual Divi design controls.

  3. Step 3

    Replace the content

    Swap in your text, images, or video. Motion runs live in the browser, with no video files or custom code, and reduced motion is respected.

Will Story Scroller slow down my site?

No. The effect is drawn live with no video files, and the animation library loads only on pages that use Story Scroller. Visitors who prefer reduced motion get a still version.

Can I change how Story Scroller moves?

Yes. Start from one of ten presets, then tune the timing and every visual detail with Divi design controls.

Does Story Scroller work with Divi 4?

No. Story Scroller is built for Divi 5 only. You need the Divi 5 theme or the Divi 5 Builder plugin.

Get Story Scroller with Rare Blocks

Or get every Divi People plugin with the All Access Pass.

See Rare Blocks Get All Access Pass