Loading…
Live · move your pointer
Premiumlava lamp · dark
Lava Lamp
Wax in a lamp: blobs warm at the base, lift, stretch, pinch off and sink again in their own slow time. The light comes from below. The pointer is a hand on the glass; blobs drift toward its warmth.
How to use it
Tune here, paste once — it ships as about a kilobyte of WebGL.
- 01Tune it here
Pick a palette, drag the sliders, hit randomize. The prompt carries the values you see, not the defaults.
- 02Pick your stack
Single HTML by default. Switch to Next.js, React, Vue, Astro, WordPress, Shopify or Webflow and the output contract changes with it.
- 03Paste it into your AI
Claude, Cursor, ChatGPT, Copilot, v0 — anything that writes code. You get a self-contained canvas with the shader inline.
- 04Mount it behind content
First child of a relative container, content above it. Add a scrim if text needs more contrast.
- 05Edit it later in code
The uniforms stay named and the CONFIG object sits at the top of the script. Nothing is baked.
