← DOCS
effects

CursorFollower

Custom cursor that follows mouse with smooth delay.

npx chaos add cursor-follower

PREVIEW

USAGE

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

<CursorFollower />
<CursorFollower variant="crosshair" color="#fff" />
<CursorFollower size={30} delay={0.2} />

PROPS

PropTypeDefault
sizeCursor size in px
number20
colorCursor color
string"#ff0040"
delayFollow delay (0-1)
number0.1
variantCursor style
"ring" | "dot" | "crosshair""ring"
blendModeMix blend mode
string"difference"