← DOCS
text

AsciiArt

ASCII art display with reveal and glitch animations.

npx chaos add ascii-art

PREVIEW

╔══════╗
║ ASCII║
╚══════╝

USAGE

import { AsciiArt } from '@/components/chaos/text/ascii-art';

<AsciiArt variant="matrix" animation="reveal">
{`  /\\
 /  \\
/____\\`}
</AsciiArt>

PROPS

PropTypeDefault
childrenASCII art content (multi-line string)
string-
sizeSize variant
"xs" | "sm" | "md" | "lg" | "xl""md"
variantColor variant
"default" | "blood" | "cyber" | "matrix" | "amber" | "ghost" | "gradient""default"
animationAnimation effect
"none" | "typing" | "reveal" | "glitch" | "flicker" | "pulse""none"
scanlinesShow scanlines overlay
booleanfalse
borderedShow border
booleanfalse
titleBorder title
string-
revealDelayDelay between lines for reveal animation (ms)
number100
colorCustom color
string-