Hyperiux Flip Card - a stack of cards that flips open into a gallery.

Click the stack and it spreads into a hero image with a rail of thumbnails, using GSAP's Flip plugin - same DOM nodes, no remount. Click any thumbnail to swap it into the hero spot, same transition. Each card can carry its own title, meta line, description, and caption, and the text fades out and reveals line-by-line (via SplitText) whenever the selection changes.

Arrow keys move between cards while it's open, Escape or clicking the background collapses it back to the stack. Falls back to a static layout under prefers-reduced-motion, and switches to a stacked mobile layout below 700px.

Free in the Hyperiux Vault.

Hyperiux Flip Card - a stack of cards that flips open into a gallery.

Click the stack and it spreads into a hero image with a rail of thumbnails, using GSAP's Flip plugin - same DOM nodes, no remount. Click any thumbnail to swap it into the hero spot, same transition. Each card can carry its own title, meta line, description, and caption, and the text fades out and reveals line-by-line (via SplitText) whenever the selection changes.

Arrow keys move between cards while it's open, Escape or clicking the background collapses it back to the stack. Falls back to a static layout under prefers-reduced-motion, and switches to a stacked mobile layout below 700px.

Free in the Hyperiux Vault.