Noise
Animated film grain laid over its parent. One small tile, shifted every few frames, so it stays cheap at any size.
import { Noise } from "pleate/effects/noise";Grain
Grain on a gradient
Props
- opacity
Grain strength.
numberdefault 0.12- grainSize
Size of one grain (px).
numberdefault 1.5- refreshInterval
Frames between two patterns.
numberdefault 2- blend
Blend with the content.
mix-blend-modedefault "normal"
Accessibility
- Decorative and click-through (aria-hidden).
- Reduced motion keeps one still grain.