User Cursor
0
Used by 0Controls
User Cursor
Replace the native pointer inside any surface with a spring-tracked arrow and a trailing name pill that rocks with cursor speed.
KEY FEATURES
- — Arrow glyph follows the pointer with snappy spring physics
- — Name pill trails behind on a laggier spring for a delayed follow
- — Velocity-driven label rock with adjustable max tilt angle
- — Springy press-scale feedback while a mouse button is held
- — Hides the native OS cursor within the surface and passes clicks through
- — Auto-skips rendering on coarse-pointer touch devices
- — Customizable arrow and pill color plus separate label text color
- — Adjustable size that scales the arrow, pill, and label text together
- — Pointer offset controls to fine-tune the arrow tip position
- — Auto or manual label offset positioning with a toggle
API Reference
All props map directly to the controls panel sliders and color pickers.
LAYOUT
PROP
TYPE
DEFAULT
DESCRIPTION
size
number
56
Pixel size of the arrow; also scales the label text and pill padding.
pressScale
number
0.92
Scale the cursor springs to while a mouse button is held.
offsetX
number
0
Horizontal pixel offset of the arrow tip from the real pointer.
offsetY
number
0
Vertical pixel offset of the arrow tip from the real pointer.
showLabel
boolean
true
Toggles the trailing name pill behind the arrow.
name
string
Robert
Text shown inside the trailing label pill.
textColor
color
#000000
Color of the label text inside the pill.
labelTiltStrength
number
25
Max degrees the pill rocks as the cursor moves; higher tilts more.
labelOffsetUseDefault
boolean
true
On, the pill offset auto-follows size; off uses the manual offsets.
labelOffsetX
number
25
Manual horizontal pixel offset of the pill from the arrow tip.
labelOffsetY
number
12
Manual vertical pixel offset of the pill from the arrow tip.
COLORS
PROP
TYPE
DEFAULT
DESCRIPTION
color
color
#FFFFFF
Fill color of the arrow glyph and the label pill background.
