CursorsNew
Smooth Cursor
A spring-driven arrow cursor. It glides after the mouse and turns toward the direction of travel.
Customize
fillColor
glowColor
strokeColor
Based on Smooth Cursor (MIT license) ยท Terms of use
More in Pro
View allProps
5 properties| Property | Type | Default | Description |
|---|---|---|---|
| cursor | ReactNode | โ | Your own element instead of the arrow. |
| springConfig | { damping: number; stiffness: number; mass: number; restDelta: number } | โ | Spring settings: damping, stiffness, mass. |
| fillColor | string | "#000000" | Fill of the arrow. |
| glowColor | string | "rgba(255,255,255,0.25)" | Soft glow round the arrow. |
| strokeColor | string | "#ffffff" | Outline of the arrow. White, so the arrow reads on any background. |
Dependencies
1 required package
npm install motion