backgrounds

NoiseCanvas

Animated noise using canvas for smooth real-time static.

npx chaos add noise-canvas

PREVIEW

USAGE

import { NoiseCanvas } from '@/components/chaos/backgrounds/noise-canvas';

<NoiseCanvas />
<NoiseCanvas fps={60} intensity={80} />
<NoiseCanvas monochrome={false} />

PROPS

PropTypeDefault

opacityCanvas opacity

number0.05

fpsAnimation frame rate

number24

intensityNoise intensity (0-255)

number50

monochromeMonochrome or colored

booleantrue

positionPosition type

"fixed" | "absolute""fixed"