← DOCS
overlays

Scanlines

CRT-style horizontal scanlines overlay.

npx chaos add scanlines

PREVIEW

SCANLINES

USAGE

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

<Scanlines />
<Scanlines flicker opacity={0.15} />
<Scanlines lineWidth={2} gap={4} color="#ff0040" />

PROPS

PropTypeDefault
opacityLine opacity
number0.1
lineWidthLine thickness in px
number1
gapGap between lines in px
number2
colorLine color
string"#000000"
flickerEnable flicker
booleanfalse