Skip to main content

Virtual touch controls built for the web

Easy-to-use React and Web Components that mirror the Gamepad API's outputs—perfect for games and web experiences.

Place components, customize their look and interact through events or state queries.

The analog element is designed as a virtual joystick, outputting [x / y] coordinates, same as the Gamepad API, and is fully customizable.

Analog docs
XY

The button element are designed to behave as close as possible to real life buttons. Toggle the button by sliding and pressing.

Button docs
0

The pad element captures the distance between movement events or since previous movement property requests.

Pad docs
XY
BA

The capture element creates input boundaries that buttons and analog elements can selectively bypass, giving precise control over pointer events.

Capture docs