Loading…
Live · move your pointer
Freewet asphalt · dark
Wet Asphalt
A road after rain at night: three streetlights above, their reflections stretched into long broken streaks on the wet surface, shivering as the water moves. The pointer is a headlight coming down the street; its streak follows.
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.
