← DOCS
text

BrutalManifest

Brutalist text with each word in boxed colors, thick borders, and chaotic rotations.

npx chaos add brutal-manifest

PREVIEW

NORULES

USAGE

case 'glass-button': return ; case 'neon-glow': return ; case 'floating-button': return ;
import { BrutalManifest } from '@oalacea/chaosui/text/brutal-manifest';

<BrutalManifest phrases={[
  [{ text: 'NO' }, { text: 'COMPROMISE' }],
  [{ text: 'BREAK' }, { text: 'RULES' }]
]} chaosLevel={0.8} />

PROPS

PropTypeDefault
phrasesArray of phrase arrays
PhraseSegment[][]-
colorsColor palette
string[]["#ff0000", "#ffff00", "#000000", "#ffffff"]
borderWidthBorder width in pixels
number6
fontSizeText size
"small" | "medium" | "large" | "massive""large"
chaosLevelRotation chaos level (0-1)
number0.5
textShadowAdd text shadow
booleantrue
uppercaseUppercase text
booleantrue