Open Source Hyperlaunch
Menu

@hyperlaunch/use-virtual-cursor

A controllable virtual cursor that lives in the DOM for improved touchscreen kiosk navigation

bun add @hyperlaunch/use-virtual-cursor

The useVirtualCursor React hook was developed for use in our touchscreen kiosk projects to improve accessibility and usability. It creates a virtual cursor that users can navigate freely within the viewport using arrow keys, allowing them to move the cursor to interactive elements like buttons and links. The cursor can trigger click events with the enter key.

Code and Docs on Github

This hook is particularly suited for environments such as touchscreen kiosks, enabling D-pad navigation without the need for additional UI changes. It has been successfully used in several of our projects, including a proof-of-concept app at Dallas Fort Worth Airport, showing its practical application in real-world scenarios. This solution helps us provide a more accessible experience across our touchscreen kiosk applications.

Just build it
Hyprlnch Limited, Bartle House, Manchester