Fieldbook
Sign in

Cursor

Bracket lock cursor

A custom pointer of four corner brackets that spins while idle and snaps open around any element marked as a target.

Using Bracket lock cursor

A custom pointer of four corner brackets that spins while idle and snaps open around any element marked as a target.

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: spinDuration, accent, lockColor, cornerSize, hideNativeCursor

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 code, framework versions and installation commands are available in the workbench above.

Connect your agent

Nearby

Lagging orb follower
1783Lagging orb followerCursorA soft disc that chases the pointer on a deliberately floppy spring, swinging past it and wobbling back instead of locking on.
Magnetic project target
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.
Pointer label cursor
1794Pointer label cursorCursorInside a bounded panel the system cursor is replaced by a drawn arrow with a small name chip trailing behind it on a soft spring.
Pointer takeover zone
1795Pointer takeover zoneCursorA panel that hides the system cursor while the pointer is inside it and draws its own mark in its place, popping in on entry and out on exit.
Ribbon trail flow
1803Ribbon trail flowCursorSeveral colored ribbons chase the pointer on their own springs, tapering to a point and braiding apart as the pointer turns.
Spring lag trail
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.