A holographic foil effect in soft pastel tones. Iridescent rainbow bands of pink, lilac, aqua, mint and cream slide across the surface as the foil turns towards the pointer, a layer of crushed-crystal shards catches the light at its own angle, and a fine scatter of glints twinkles as the angle changes. With the pointer still, the foil sways slowly by itself, so it never sits flat.

Use it on a holographic trading card or sticker, a product card that reacts on hover, a badge, or as a full hero background. On a three.js mesh it follows the mesh's UVs, so a card shape gets foil from edge to edge, and you can feed it the card's tilt instead of the pointer.

Settings: base tint, rainbow strength, how pastel the colours are, pattern size, shard amount, glint amount, sway and loop length. The demo page has four presets: Pearl, Opal, Silk and Prism.

What you get: a GLSL ES 3.00 fragment shader for plain WebGL2, an ES module that returns a three.js ShaderMaterial, a Shadertoy version, and a demo page that runs offline with a small settings panel. For video editors there is a 10-second 1920 x 1080 H.264 loop that plays end to start without a seam.

It runs in one pass with no textures needed, at about 1.2 ms of GPU time per frame at 1920 x 1080 on a recent laptop. The README covers WebGL2, three.js and Shadertoy set-up, every uniform with its default and range, and performance notes.