Loading…
Live · move your pointer
Premiumsheer curtain · light
Sheer Curtain
A sheer curtain in a breeze with daylight behind it. Where the fabric gathers into folds it dims; where it stretches thin the light comes through. The pointer is the sun outside; move it and the glow walks along the folds.
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.
