Holo Card — 3D objects.

A trading card with a real holographic foil shader under a crisp HTML face: prism, galaxy or etched foil that shifts with a spring tilt, plus glare and a click-to-flip back.

by vividsites Studio3DGLSLJSCSS

Use in Create

Installs: 2,279
Kind: 3D · 3D objects
Snippet: 312lines
Weight: 21.0KB
Dependencies: 0none
Added: 1 Oct 2026

vividsites.app/c/holo-card

Starting the preview…

The component’s own demo at 1280 × 800. Hover, click and scroll inside the frame.

More 3D objects, same paste.

See all

Live

Audio Sphere

3D objects · 3D

three.js
GLSL
JS
CSS

Live

Data Globe

3D objects · 3D

three.js
GLSL
JS
CSS

Live

Galaxy

3D objects · 3D

three.js
GLSL
JS
CSS

Live

Iridescent Blob

3D objects · 3D

three.js
GLSL
JS
CSS