3D Gallery · 3D & Perspective
Depth Stack
A deck receding into depth with a fly-out recycle, spread, wobble and DOF blur.
Example 1 · Entrance + pause on hover
Deck into depth, pause on hover
The default — a deck of cards receding into depth, streaming toward you. The whole stack zooms in on load; Motion → On Hover is Pause. Click a card to open the lightbox.
Example 2 · Fanned out
Fanned across the frame
Spread fans the deck out sideways (Spread 80%, Angle 0) into a trailing arc of cards instead of a single stack, with more cards in the trail.
Example 3 · Depth of field
Back cards blurred away
Depth Blur + Depth Fade give a real depth-of-field falloff — the hero stays sharp while the cards behind it soften and dim into the distance.
Example 4 · Scatter & wobble
A hand-tossed pile
Scatter layout throws the cards to random offsets and Wobble tilts each one — a loose, hand-tossed pile rather than a neat deck.
Example 5 · Ratio & size
Big landscape cards
A bigger hero card at 3:4 (the default is 4:5) with rounded corners. Click a card to open it full-size.
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.