Build web apps for AI glasses

Bring your web skills to Meta Ray-Ban Display and build standalone experiences with the web languages you already know.

A phone and a pair of AI glasses connected through the Wearables Device Access Toolkit

What are web apps?

Web apps run on Meta Ray-Ban Display glasses using standard web APIs. Build games, navigation tools, cooking guides, and other lightweight experiences without a companion app. Iterate in your browser and update anytime.

Capabilities to inspire your design

Overlay your UI on the physical world.

Display

Overlay your UI on the physical world. On the 600×600 additive display, dark backgrounds fall away and bright, high-contrast elements stand out.

Build for gesture input using the arrow-key and Enter events you already handle.

Input and gestures

Build for gesture input using the arrow-key and Enter events you already handle. Add pinch-and-drag for continuous control like sliders, drawing, and panning (opt-in).

Close-up of text input hand gesture

Text input

Let people fill any field by handwriting with Meta Neural Band, dictation through the on-glasses composer, or the on-screen keyboard.

motion and place-aware experiences graphic

Sensors and location

Build motion and place-aware experiences with standard W3C APIs for device motion, orientation, and location (from the paired phone, with permission).

graphic of meta glasses

Connectivity

Call APIs and stream live data with standard fetch and WebSocket, over the glasses' Wi-Fi or a phone tether. Keep your app working offline with service workers and the Cache API.

graphic of a person wearing meta glasses

Audio

Add audio to your experience with playback through the glasses speaker, plus volume and mute control, and speak text aloud with speech to text.

Everything you need to integrate

Available on Meta Ray-Ban Display

Web Apps run on Meta Ray-Ban Display glasses. Meta Neural Band is optional, though it's recommended for gesture navigation, pinch-and-drag, and handwriting text input.

Build with the AI tools you already use

Web apps use standard web APIs, so you can build them with AI coding tools like Muse Code. Add the Wearables MCP server to pull current documentation and platform guidance right into your workflow.

Test without hardware

Preview and QA your web app in your browser with the Meta Ray-Ban Display Web App Simulator. This Chrome extension recreates the 600×600 additive display and D-pad input, so you can start before you have the hardware.

Stay tuned in. We’re just getting started.

Learn about upcoming opportunities to test, hack, and collaborate with our teams and other developers in the AI glasses ecosystem.