← DOCS
backgrounds

NoiseCanvas

Animated noise using canvas for smooth real-time static.

npx chaos add noise-canvas

PREVIEW

USAGE

case 'glass-button': return ; case 'neon-glow': return ; case 'floating-button': return ;
import { NoiseCanvas } from '@oalacea/chaosui/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"