text

GiantLayers

Large text with layered shadow effects.

npx chaos add giant-layers

PREVIEW

BIG

USAGE

import { GiantLayers } from '@/components/chaos/text/giant-layers';

<GiantLayers>CHAOS</GiantLayers>
<GiantLayers variant="cyber" animated>CYBER</GiantLayers>
<GiantLayers layers={2} size="xl" hover>BIG</GiantLayers>

PROPS

PropTypeDefault

childrenText to display

string-

layersNumber of shadow layers

1 | 2 | 33

sizeSize preset

"sm" | "md" | "lg" | "xl""lg"

variantVisual variant

"blood" | "cyber" | "mono" | "neon""blood"

directionShadow offset direction

"diagonal" | "horizontal" | "vertical""diagonal"

animatedAnimate layers

booleanfalse

hoverExpand on hover

booleanfalse

layerColorsCustom layer colors

[string, string?, string?]-