Divi 5 extension by DiviStation
Divi Scroller DS
Seamless scrolling text, logos, testimonials and any Divi module. Rows, vertical, drag, page scroll effects, Loop Builder and ready-made designs, built natively for Divi 5.
Text Scroller
Headlines, tickers and keyword bands
Type your phrases, pick a ready-made design or style every part yourself. Add separators, links and outline text.
Big Headline
Ready-Made Design: Big Headline · Separator: ✸ · On Hover: Slow Down
Outline Headline
Ready-Made Design: Outline Headline · Direction: Left to Right
Pills
Ready-Made Design: Pills · Space Between Items: 14px · Edge Fade: 12%
Custom separator and alternating outline
Separator: Custom Text “/” · Text Style: Alternate Filled and Outline
Logo Scroller
Client and partner logos in seconds
Pick logos from the media library, choose a fixed height or a WordPress image size, and a ready-made design.
Grayscale, color on hover
Ready-Made Design: Grayscale, Color on Hover · Edge Fade: 10%
Logo cards
Ready-Made Design: Logo Cards · Space Between Items: 24px · Seconds per Loop: 30
White logos on dark
Ready-Made Design: White Logos on Dark · Extend Beyond Edges: 30vw
Scroller
Scroll any Divi module
Drop Scroller Items, Scroller Testimonials or any Divi module (buttons, blurbs, images, groups) into the Scroller and they loop seamlessly.
Cards
Ready-Made Design: Cards · Item Text: 18px
Quote cards with photos
Ready-Made Design: Quote Cards · Scroller Testimonials · Pixels per Second: 35
Our client logos finally move the way we pictured them. Smooth on every phone we tried.
Rows, vertical, drag and the ready-made designs saved me hours on every landing page.
We pull our latest posts into a scroller with the Loop Builder. It updates itself.
Clean, accessible and fast. The pause button and reduced motion support were a must for us.
Mixed modules
Divi Buttons and Scroller Items in one Scroller · Separator: ●
Glass
Ready-Made Design: Glass · made for dark or image backgrounds · On Hover: Pause
Our client logos finally move the way we pictured them. Smooth on every phone we tried.
Rows, vertical, drag and the ready-made designs saved me hours on every landing page.
We pull our latest posts into a scroller with the Loop Builder. It updates itself.
Clean, accessible and fast. The pause button and reduced motion support were a must for us.
Rows
Several rows, opposite directions
Split your items into up to six rows, or repeat them in every row. Every other row can run the opposite way. Hovering one row pauses them all, and one pause button controls every row.
Three rows, alternating
Number of Rows: 3 · Row Direction: Alternate · Row Items: Split · Ready-Made Design: Tags
Logo wall in two rows
Logo Scroller · Number of Rows: 2 · Row Items: Repeat All Items in Each Row
Vertical
Up, down, and responsive
Scroll in a column on desktop and in a row on phones. Set the height and item alignment, and rows become columns.
Testimonials, bottom to top
Direction: Bottom to Top (Left on phones) · Height: 460px · Item Alignment: Stretch
Our client logos finally move the way we pictured them. Smooth on every phone we tried.
Rows, vertical, drag and the ready-made designs saved me hours on every landing page.
We pull our latest posts into a scroller with the Loop Builder. It updates itself.
Clean, accessible and fast. The pause button and reduced motion support were a must for us.
Two columns, opposite ways
Text Scroller · Direction: Bottom to Top · Number of Rows: 2 · Ready-Made Design: Pills
Interaction
Drag, swipe and page scroll
Let visitors drag the items or swipe them on touch screens, and make the movement react to page scrolling.
Try it: drag or swipe the logos
Drag & Swipe: On · After a Swipe: Follow Swipe · Ready-Made Design: Logo Cards
Scroll the page up and down
On Page Scroll: Speed Up and Reverse · Scroll Intensity: 5
Moves only while you scroll
On Page Scroll: Move With Page Scroll · Speed: 0 · Ready-Made Design: Outline Headline
Loop Builder
Your latest posts, products or anything else
Turn on Divi’s Loop for a Scroller Item or Scroller Testimonial and it repeats for every post, product, page, category or user, with dynamic titles, images and links.
Latest posts
Scroller Item · Loop: Posts · Text: Post Title · Image: Featured Image (Thumbnail) · Link: Post Link
Built right
Accessible, fast and Divi 5 native
Every scroller has a pause button (WCAG 2.2.2), respects reduced motion, keeps copies out of the keyboard order, stops when off screen and only loads on pages that use it. Divi 4 content and presets convert automatically.
Make your pages move.
Five modules, one smooth engine, endless combinations.