CursorsNew
Pointer
Over a chosen block the system cursor turns into a custom arrow or any element. It pops in and out with animation.
Customize
fillColor
glowColor
strokeColor
Based on Pointer (MIT license) · Terms of use
More in Pro
View allProps
5 properties| Property | Type | Default | Description |
|---|---|---|---|
| children | ReactNode | — | Your own element instead of the arrow. |
| className | string | — | Classes for the default arrow. |
| 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
3 required packages
npm install motion clsx tailwind-merge