borders
Refractive glass with chromatic dispersion
Real liquid glass, not a blur: a card acts as a WINDOW onto a full-viewport copy of the background (kept in sync via rAF with a negative rect), onto which an SVG filter applies turbulence displacement only at the edges, split by R, G and B channel, producing refraction with a chromatic fringe like thick glass.
See it live and copy its promptWhat you can adjust
- R channel dispersion
- Edge blur
- Noise frequency
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.
