Backgrounds & Visuals
Cyber Scanline
Digital CRT scanline effect with signal noise and green terminal aesthetic.
noisecyberscanlinecrtdigital
Props
Customize the component with these props
| Property | Type | Default | Description |
|---|---|---|---|
backgroundColor | string | #000000 | Background color |
overlayColor | string | #051a05 | Overlay color |
scanlineColor | string | rgba(74, 222, 128, 0.2) | Scanline color |
scanlineHeight | string | 10px | Scanline height |
scanlineBlur | string | md | Scanline blur |
scanlineOpacity | number | 1 | Scanline opacity |
scanlineDuration | number | 6 | Scanline animation duration |
noiseOpacity | number | 0.1 | Noise overlay opacity |
noiseBaseFrequency | string | 1.2 | Noise base frequency |
noiseOctaves | number | 3 | Noise octaves |
text | string | System | Text label |
textColor | string | #4ade80 | Text color |
className | string | Additional CSS classes |