← DOCS
fantasy

HealPulse

Healing pulse wave effect with sparkles and thematic elements.

npx chaos add heal-pulse

PREVIEW

USAGE

case 'glass-button': return ; case 'neon-glow': return ; case 'floating-button': return ;
import { HealPulse } from '@oalacea/chaosui/effects/heal-pulse';

<HealPulse>
  <button>Heal</button>
</HealPulse>
<HealPulse color="holy" waves={8} showCross>
  <button>Divine Healing</button>
</HealPulse>

PROPS

PropTypeDefault
childrenContent that triggers heal
ReactNode-
colorType of healing effect
"nature" | "holy" | "mystic" | "water" | "life""nature"
wavesNumber of healing waves
number5
speedSpeed of the waves
"slow" | "medium" | "fast""medium"
sizeSize of the effect
"small" | "medium" | "large" | "xlarge""medium"
triggerOnClickTrigger animation on click
booleantrue
autoTriggerAuto-trigger on mount
booleanfalse
particlesShow floating particles
booleantrue
showCrossShow cross pattern (holy)
booleanfalse