Visual Style

Grain Texture

Subtle film grain or noise overlay adds tactility and a premium, analog feel to digital designs.

Also called: noise overlay, film grain, texture layer

Live demo — toggle grain

Premium texture

SVG noise filter as an overlay layer

How it works

SVG feTurbulence generates noise. Applied as a pseudo-element with mix-blend-mode: overlay at low opacity (20–40%).