Backgrounds & Visuals
Void Static
Dark interference pattern with glitch strips creating a void static effect.
noisevoidstaticglitchinterference
Props
Customize the component with these props
| Property | Type | Default | Description |
|---|---|---|---|
backgroundColor | string | #000000 | Background color |
baseNoiseOpacity | number | 0.15 | Base noise opacity |
baseNoiseBaseFrequency | string | 2 | Base noise frequency |
baseNoiseOctaves | number | 3 | Base noise octaves |
staticLineCount | number | 20 | Number of static lines |
staticLineColor | string | #ffffff | Static line color |
staticLineHeight | string | 2px | Static line height |
staticMinDuration | number | 0.5 | Minimum static animation duration |
staticMaxDuration | number | 2 | Maximum static animation duration |
staticMinDelay | number | 0 | Minimum static delay |
staticMaxDelay | number | 1 | Maximum static delay |
scanlineOpacity | number | 0.1 | Scanline opacity |
scanlineColor | string | #ffffff | Scanline color |
scanlineWidth | string | 1px | Scanline width |
scanlineSpacing | string | 4px | Scanline spacing |
scanlineAnimationDuration | number | 0.1 | Scanline animation duration |
text | string | Void | Text label |
textColor | string | #ffffff | Text color |
className | string | Additional CSS classes |