← DOCS
decorative

RuneSymbols

Decorative Elder Futhark rune display.

npx chaos add rune-symbols

PREVIEW

ᛟ ᚨ ᛊ

USAGE

case 'glass-button': return ; case 'neon-glow': return ; case 'floating-button': return ;
import { RuneSymbols, RUNES } from '@oalacea/chaosui/decorative/rune-symbols';

<RuneSymbols />
<RuneSymbols runes={['algiz', 'sowilo', 'tiwaz']} animation="pulsing" />
<RuneSymbols count={10} scattered variant="blood" />

PROPS

PropTypeDefault
runesSpecific runes to display
(keyof typeof RUNES | string)[]-
countNumber of random runes
number6
variantColor variant
"gold" | "blood" | "bone" | "iron" | "cyan""gold"
animationAnimation style
"glow" | "floating" | "pulsing" | "flickering" | "none""glow"
directionLayout direction
"horizontal" | "vertical""horizontal"
sizeSize variant
"sm" | "md" | "lg" | "xl""md"
scatteredScattered positioning
booleanfalse