GlassKit UI — building blocks for Meta Ray-Ban Display

The component library<br>for the glasses.<br>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.<br>Get started →Browse componentsPlaygroundCopy AI prompt<br>npmpnpmyarnbun<br>npx @glasskit-ui/cli add button

01 / Components<br>44, every HUD job<br>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<br>Spatial focus engine<br>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<br>Copy in, no lock-in<br>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.

Free. Open source. Yours to own.<br>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.<br>Get started → Star on GitHub