← DOCS
overlays

ScanlinesOverlay

CRT-style horizontal scanlines overlay with customizable thickness.

npx chaos add scanlines-overlay

PREVIEW

SCAN

USAGE

case 'glass-button': return ; case 'neon-glow': return ; case 'floating-button': return ;
import { ScanlinesOverlay } from '@oalacea/chaosui/overlays/scanlines-overlay';

<ScanlinesOverlay />
<ScanlinesOverlay flicker opacity={0.2} />
<ScanlinesOverlay thickness={4} color="#ff0040" />

PROPS

PropTypeDefault
thicknessScanline thickness in pixels
number2
opacityScanline opacity (0-1)
number0.15
colorScanline color
string"#000000"
flickerAdd CRT flicker effect
booleanfalse
positionPosition type
"fixed" | "absolute""fixed"