Motion Gallery · Stack & Scatter
Card Stack
A deck of cards; the top is featured and the deck advances on scroll or a timer.
Example 1 · Entrance + auto-advance
A deck that deals itself
A deck of cards — the top is featured, the rest peek behind it — advancing Automatically as the top card peels away and the next comes forward. The whole deck fades in on load. Click a card to open the lightbox.
Example 2 · Deeper stack
More cards peeking behind
More Cards Behind (6) with a bigger Stack Offset and Shrink, so a deeper tail of cards fans out behind the hero.
Example 3 · Peel sideways
Top card peels to the left
The top card leaves to the Left instead of down as the next comes forward — a sideways deal.
Example 4 · Flat deck
A tight, flat deck
A small Stack Offset and Shrink flatten the deck so the cards behind barely peek out — a clean, minimal stack.
Example 5 · Ratio & size
Big portrait cards
A bigger portrait 3:4 front card (the default is 4:3) with rounder corners. Click a card to open it full-size. Plus Stage Overflow = Spill, so the fanned cards show in full beyond the stage box — and the gallery sits at Z-Index −1 (Advanced → Position: Relative) behind this heading, so the title stays clean in front of the overflow.
Docs & Playground
Tweak every option live
Play with all of these settings in real time and read the full option reference in the manual.
Free & open source
Build with this element, free.
Install the framework and the Bootstrap 5 theme, then drag this element into any page.