3D Gallery · 3D & Perspective
Card Tunnel
An infinite perspective corridor — four walls of cards flying to a vanishing point.
Example 1 · Entrance + pause on hover
Fly the corridor, pause on hover
The default — four walls of cards receding to a vanishing point, flying forward. The whole tunnel zooms in on load; Motion → On Hover is Pause. Click a card to open the lightbox.
Example 2 · Immersive fly-through
Walls opened out around you
A large Tunnel Size (100%) opens the walls right out to the edges of the frame for an immersive fly-through — you are inside the corridor rather than looking at a tube.
Example 3 · Tight tube
A tight tube from outside
A small Tunnel Size (30%) pulls the walls into a tight tube seen from outside, streaking away to the vanishing point.
Example 4 · Long panels & depth fade
Long panels into the dark
Longer cards (Card Length 60%) make fewer, streaking panels, and Depth Fade 90% dissolves the far end of the tunnel into darkness — flying Backward.
Example 5 · Rounded & spaced
Rounded, roomy corridor
Rounder corners with a wider Gap between the panels and a mid Card Length — a calmer, roomier corridor. 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.