← DOCS
decorative

RuneSymbols

Decorative Elder Futhark rune display.

npx chaos add rune-symbols

PREVIEW

ᛟ ᚨ ᛊ

USAGE

import { RuneSymbols, RUNES } from '@/components/chaos/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