CursorTrail — 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