← DOCS
fantasy

Incantation

Magical incantation text with glow layers, vibration, and pulse effects.

npx chaos add incantation

PREVIEW

ABRACADABRA

USAGE

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

<Incantation>Abracadabra</Incantation>
<Incantation intensity="intense" language="divine">Sanctify</Incantation>
<Incantation glowColor="#ef4444" shiftColor="#fbbf24">Ignis!</Incantation>

PROPS

PropTypeDefault
childrenThe incantation text to display
string-
intensityIntensity of the magical effect
"subtle" | "medium" | "intense""medium"
languageMagical language style
"arcane" | "divine" | "eldritch""arcane"
glowColorPrimary glow color
string"#a855f7"
shiftColorSecondary color for shift effect
string"#fbbf24"
pulseDurationDuration of the pulse cycle in seconds
number2

CSS VARIABLES

--glow-color#a855f7Primary glow color
--shift-color#fbbf24Secondary shift color