← DOCS
effects

CursorTrail

Multi-element cursor trail with mix-blend-mode and hover expansion.

npx chaos add cursor-trail

PREVIEW

USAGE

case 'glass-button': return ; case 'neon-glow': return ; case 'floating-button': return ;
import { CursorTrail } from '@oalacea/chaosui/effects/cursor-trail';

<CursorTrail
  trailCount={5}
  trailColor="#00ffff"
  blendMode="screen"
  hasCenterDot={true}
/>

PROPS

PropTypeDefault
trailCountNumber of trail elements
number3
trailSizeTrail size in pixels
number20
trailColorBorder color
string"#fff"
blendModeCSS blend mode
"normal" | "difference" | "screen" | "multiply" | "exclusion""difference"
hasCenterDotAdd center dot
booleantrue