← DOCS
text

FlickerText

Text that flickers randomly like a broken neon sign.

npx chaos add flicker-text

PREVIEW

FLICKER

USAGE

import { FlickerText } from '@/components/chaos/text/flicker-text';

<FlickerText>SIGNAL LOST</FlickerText>
<FlickerText speed="erratic">UNSTABLE</FlickerText>
<FlickerText minOpacity={0.5}>DIMMING</FlickerText>

PROPS

PropTypeDefault
childrenThe text to display
string-
speedFlicker speed
"slow" | "normal" | "fast" | "erratic""normal"
minOpacityMinimum opacity during flicker
number0
hoverOnlyOnly flicker on hover
booleanfalse