Cursor

Pointer label cursor

Inside a bounded panel the system cursor is replaced by a drawn arrow with a small name chip trailing behind it on a soft spring.

Move the pointer across this panel.

Using Pointer label cursor

Inside a bounded panel the system cursor is replaced by a drawn arrow with a small name chip trailing behind it on a soft spring.

Try the live preview with a pointer and keyboard, then check focus visibility and the narrow layout in your own page. Use the plate number or slug when asking your coding agent to fetch this component.

Props: label, accent, side, sideOffset, stiffness, showChip

Which frameworks are available?

The catalog lists these versions: react, vue, svelte, astro, html. The live preview on this page runs React.

How do I access the implementation?

The preview and component description are public. Sign in with an authorized account to open the code, framework versions and installation panel.

Connect your agent

Nearby

1809Spring lag trailCursorA chain of circles that chase the pointer with progressively softer springs, so fast movement stretches them into a comet tail that gathers back together at rest.

1783Lagging orb followerCursorA soft disc that chases the pointer on a deliberately floppy spring, swinging past it and wobbling back instead of locking on.

1803Ribbon trail flowCursorSeveral colored ribbons chase the pointer on their own springs, tapering to a point and braiding apart as the pointer turns.

1820Trailing cursorCursorA drawn cursor that chases the real pointer on a spring, trailing a soft glow and fading afterimages while it turns to face the direction it is travelling.

1824Zoned cursor tagCursorA custom pointer whose trailing tag rewrites itself and flips to the other side as it crosses between the zones of a split panel.

1786Magnetic project targetCursorA custom round cursor with text circling its rim that drifts after the pointer and snaps onto a call to action pill when it comes close.