Opalesce
GradientA film a few wavelengths thick over a slow flowing ground — the interference tint multiplies the palette instead of replacing it, and the cursor thickens the film so colour travels out behind the hand.
Pointer-interactive gradients in pure WebGL — about a kilobyte on the page, and every one recolourable.
Similar layers
A film a few wavelengths thick over a slow flowing ground — the interference tint multiplies the palette instead of replacing it, and the cursor thickens the film so colour travels out behind the hand.
Refraction through a height field with one index per channel — the split is in the glass, not painted on.
Three slow emitters trading standing waves — bright fringes where the crests agree, black where nothing reaches.
Noise combed along a flow field — the walk re-reads its direction at every step, so the strands curve.
Crumpled brass with a warm room on one side and a cold window on the other — facets return whichever they face.
A warm and a cool field dragged sideways until they smear — five taps along an axis that fans across the frame.
A print rather than a ramp: five screens, one flat colour each, and what keeps it from reading as banding is where they stop — not at a level line but wherever a coarse mesh says.
One broad shaft laid across the frame — the distance to an oriented axis through a tight core and a wide spill, with the far end giving out — and the hand turns the axis.
More like this
Instructions on how to use
Five steps from prompt to live site
Copy the prompt or source code
Hit Copy prompt for the AI build brief, or download the source where the layer has it.
Open your AI tool
Paste into Cursor, Claude Code, Lovable, v0, or any MCP-capable assistant.
Run the build
Let the assistant scaffold the page using the layer as reference.
Customize the brand
Swap copy, palette, and assets while keeping the composition and motion.
Deploy
Ship to Vercel, Netlify, or your own stack with the included commercial licence.
FAQs
Unlock the full library — every prompt, background and 3D scene, plus source code as it's added — with one plan.
View pricingChecking your access…
Thin-film colour over a stretched shell grain — the orders slide as the pointer glances across, pearl one way and blush the other.
Tune the colours
Variant Default
9 ready-made recolourings
This is Templify's own live render — move a swatch and it repaints on the spot. Copy the prompt and your AI rebuilds it with these exact colours.