Modules Stacking Cards

ProExtension

Stacking Cards

Cards that pin and stack on top of each other as the visitor scrolls, with an optional scale and fade on the cards underneath.

↓ Scroll: each card pins and the next one covers it.

01 / 04

Discover

Each card is a Box in one column. Offset 28 px, cards below scale to 90% and fade to 50%.

Abstract illustration: topographic contour map with a route

02 / 04

Design

Each card is a Box in one column. Offset 28 px, cards below scale to 90% and fade to 50%.

Abstract illustration: floating interface panels

03 / 04

Build

Each card is a Box in one column. Offset 28 px, cards below scale to 90% and fade to 50%.

Abstract illustration: isometric building blocks

04 / 04

Launch

Each card is a Box in one column. Offset 28 px, cards below scale to 90% and fade to 50%.

Abstract illustration: grid horizon with a rising sun

How to use it

Where to find it

Row settings → Kinetic tab → Stacking Cards.

Free Free plugin

Stacking Cards 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 cards
  • Offset, scale and fade of the cards below
  • Gap and devices
  • Plain list for reduced motion

Kinetic Modules

Make your Beaver Builder sites move.

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