text

BloodDrip

Text with animated dripping blood effect.

npx chaos add blood-drip

PREVIEW

DRIP

USAGE

import { BloodDrip } from '@/components/chaos/text/blood-drip';

<BloodDrip>HORROR</BloodDrip>
<BloodDrip variant="acid" glowing>TOXIC</BloodDrip>
<BloodDrip intensity="heavy" showPool>DRIPPING</BloodDrip>

PROPS

PropTypeDefault

childrenText to display

string-

variantDrip color variant

"blood" | "acid" | "cyber" | "void" | "chrome""blood"

intensityDrip intensity

"light" | "medium" | "heavy""medium"

dripsPerCharNumber of drips per character

1 | 2 | 31

durationBase drip duration in seconds

number2

glowingAdd text glow effect

booleanfalse

meltingAdd melting animation

booleanfalse

showPoolShow pool at bottom

booleanfalse

pauseOnHoverPause animation on hover

booleanfalse

staticStatic drips (no animation)

booleanfalse

dripColorCustom drip color

string-

dripProbabilityProbability of drip per character (0-1)

number0.7