← DOCS
overlays

Scanlines

CRT-style horizontal scanlines overlay.

npx chaos add scanlines

PREVIEW

SCANLINES

USAGE

import { Scanlines } from '@/components/chaos/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