Open Source Hyperlaunch
Menu

@hyperlaunch/
use-virtual-cursor

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

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 requiring additional UI changes. It has been successfully used in several of our projects, including a proof-of-concept app at Dallas Fort Worth Airport, demonstrating its practical application in real-world scenarios. This solution helps us provide a more accessible experience across our touchscreen kiosk applications.

Just build it
Hyperlaunch, 189 Bowery, New York