Modules Horizontal Scroll

ProExtension

Horizontal Scroll

A row pins while its columns or boxes move sideways as the visitor scrolls down. Great for processes, timelines and galleries.

↓ Scroll down: the panels move sideways.

Abstract illustration: topographic contour map with a route

Step 1

Discover

Each column of the row is a panel. Links and buttons inside stay keyboard friendly.

Abstract illustration: floating interface panels

Step 2

Design

Each column of the row is a panel. Links and buttons inside stay keyboard friendly.

Abstract illustration: isometric building blocks

Step 3

Build

Each column of the row is a panel. Links and buttons inside stay keyboard friendly.

Abstract illustration: grid horizon with a rising sun

Step 4

Launch

Each column of the row is a panel. Links and buttons inside stay keyboard friendly.

Live demo

Boxes as cards, with snapping

The second variant uses Boxes in one column, a narrower card width and snapping.

Abstract illustration: dashboard tiles with charts

Dashboards

Abstract illustration: flowing gradient ribbons

Ribbons

Abstract illustration: glass orb with orbit rings

Orbits

Abstract illustration: stacked glass layers

Layers

Abstract illustration: topographic contour map with a route

Maps

Abstract illustration: floating interface panels

Interfaces

How to use it

Where to find it

Row settings → Kinetic tab → Horizontal Scroll.

Free Free plugin

Horizontal Scroll is a Pro feature. Kinetic Modules Pro is one self-contained plugin: it already includes the free plugin, so you install Pro on its own. Not ready for Pro? The free plugin gives you the Kinetic tab, Scroll Effects and five modules.

Download free →   Compare free and Pro →

Pro In Kinetic Modules Pro

  • Columns or boxes as panels
  • Panel width, gap and start offset
  • Optional snapping and progress bar
  • Normal vertical layout on phones

Kinetic Modules

Make your Beaver Builder sites move.

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