# Open-source React UI and D-pad focus engine for Meta Ray-Ban Display

> Source: <https://glasskit.app/ui>
> Published: 2026-06-14 18:40:09+00:00

44 React components for Meta Ray-Ban Display: a spatial focus engine, Neural Band input, system-back navigation, and everything a glanceable in-lens display needs. Open source.

`npx @glasskit-ui/cli add button`

01 / Components

Readouts, lists, timers, comms and launch screens, plus the world-anchored set (DirectionArrow, Compass, Pin) a watch kit can't do. Premium surfaces tuned for a 600×600 lens, never washed-out blur.

02 / Input

Arrow keys and the Neural Band move a focus ring to the nearest target, a superset of Meta's .focusable, tuned for a 600×600 lens. The same code runs on your desk and on the glasses.

03 / Yours to own

Vendor the source with one command, @glasskit-ui/cli add, straight into your project, yours to edit. The SDK ships the hooks, viewport and focus engine from npm.

Install the SDK from npm, then `@glasskit-ui/cli add`

the components straight into your project. Your code to edit, no lock-in, no black box.
