Holo Foil

Holo Foil turns any image into a holographic trading card. The card tilts in 3D toward the pointer while a WebGL thin-film foil sweeps a rainbow band across it and a soft glare follows the cursor. Drop in your own image or use the built-in gradient art, pick a foil pattern and palette, and choose how it reacts: hover, page cursor, ambient drift or scroll. It respects reduced motion and pauses when off-screen.

Customizations

• Image: any image (cover-fit), or the built-in two-color gradient art

• Card: corner radius

• Foil: pattern (Diamonds, Lines, Sparkle, Smooth), intensity, cell size, band count, three foil colors, apply on everywhere, highlights or shadows

• Glare: strength, size, color

• Motion: trigger (Hover, Cursor across the page, Ambient, Scroll), idle shimmer, max tilt, response, speed, lift, shadow

• Reduced motion: static foil or animate

• Colors accept hex, rgb()/rgba() and CSS variables

Use cases

• Product or pricing cards that feel collectible

• Membership passes, tickets and badges

• Portfolio thumbnails and album or book covers

• Trading-card style showcases

• Hero visuals that react to the cursor or to scroll