buttons
Refracting glass controls
Frosted glass is backdrop-filter blur, and that is where everyone stops. What actually bends the background is a hand-built SVG filter: feTurbulence fractal noise at a very low frequency, 0.003 by 0.007, feeding a feDisplacementMap at scale 200. Low means big smooth lobes, which is what reads as liquid; raise it to 0.05 and the same chain gives sandblasted glass.
See it live and copy its promptWhat you can adjust
- Head color
- Active color
- Tile size
- Refraction scale
- Background blur
- Screen pitch
How this catalog works
Every component ships with its reproduction prompt: the text you paste into an AI builder to get exactly this piece. The values above are editable, and the prompt you copy carries the ones you chose, so what gets generated is what you were looking at.
