Theme
Start building — free

Grain Gradient — shader backgrounds.

An animated mesh gradient with real film grain: five inks drift through a domain-warped field and blend in OKLab, so mixes stay clean instead of going muddy. Swap the palette live and it eases across; the cursor smears the colour along its path.

by vividsites Studio3DWebGL2GLSLJS
Installs
2,577
Kind
3D · Shader backgrounds
Snippet
242lines
Weight
17.0KB
Dependencies
0none
Added
30 Sep 2026
vividsites.app/c/grain-gradient
Starting the preview…

The component’s own demo at 1280 × 800. Hover, click and scroll inside the frame.

More in Shader backgrounds

More shader backgrounds, same paste.

See all