Stacked Cards

Tell a short story as a stack of cards visitors flip through.

Usage

Stacked Cards shows one card at a time in a deck. Add Stacked Card children and put blocks inside each card. Visitors advance with the on-screen control or swipe on touch devices.

When to use it

Use for step-by-step reveals, product comparisons, or mobile-first stories where a full grid would feel crowded. Each card can hold headings, images, and buttons like a mini section.

Tips

  • Select the parent for deck-wide border, rounding, and active index in the editor preview.
  • Keep each card’s content roughly similar in height for the smoothest stack animation.
  • Rounded corners and Border Color help the deck feel tactile on light backgrounds.

Settings

Stacked Cards Settings

Rounded setting in the block editor sidebar
Rounded
Border Color setting in the block editor sidebar
Border Color
Border Width setting in the block editor sidebar
Border Width
Card Shadow setting in the block editor sidebar
Card Shadow
Shadow Weight setting in the block editor sidebar
Shadow WeightAvailable when Card Shadow is enabled
Shadow Size setting in the block editor sidebar
Shadow SizeAvailable when Card Shadow is enabled
Add Arrow Navigation setting in the block editor sidebar
Add Arrow Navigation
Arrow Navigation Position setting in the block editor sidebar
Arrow Navigation PositionAvailable when Add Arrow Navigation is enabled
  • Above
  • Belowdefault

Stacked Card Settings

Badge