Playground
Drive it like the glasses.
Pick a component, recolor the accent token, and copy the JSX. Use the arrow keys to move the focus ring and Enterto activate — that’s the Neural Band on the glasses.
Component
Accent token
Copy into your project
<GlassViewport>
{/* A real moving map (Leaflet, dark tiles). The photo pins are D-pad
focusable — Enter routes you there along real roads. */}
<MapView
center={[40.7411, -73.9897]}
places={restaurants}
route={selectedRoute}
onSelectPlace={setSelected}
/>
<Screen status={<span className="t-caption text-primary">Eleven Madison · 738 m · 9 min</span>}>
{null}
</Screen>
</GlassViewport>/* default — blue */