Background & Ambient

Noise / Grain Texture

Also called Film grain, Noise background

A fine speckled texture overlays the page, sometimes flickering like film grain.

Adding tactile depth to gradients

  • static grain
  • animated grain

View demo source

Prompt

Replace [where] with the part of your page and paste the prompt into your AI agent. Each prompt includes the name of the motion, so next time you can simply ask for it by name.

Add a "Noise / Grain Texture" overlay (also called film grain or a noise background) to [where].
A fine, faint speckled texture should sit over the surface and flicker in small jumps like film grain: subtle, never strong enough to muddy the content.
Let clicks pass through the overlay, generate the texture once instead of every frame, and keep it still for users who prefer reduced motion.

Replace [where] with the part of your page and paste the prompt into your AI agent. Each prompt includes the name of the motion, so next time you can simply ask for it by name.