Display glasses web app template

GraspableOfficial

What you start with

A web app for Meta Ray-Ban Display, installed from a link, in a Vite project. It is ordinary code in a folder on your computer: read it, edit it, keep it.

Where it runs

Any WebXR browser, such as Meta Quest and Apple Vision Pro, and a flat screen with mouse or touch. The app has an emulated headset to try it before you put one on.

Requests to try

Start a project from this template and send one of these as it is, or change it to what you have in mind.

  • A pomodoro timer: 25 minutes of work and 5 of rest, a big countdown, the band's pinch to pause, and the glasses saying 'rest' and 'work' when they switch.
  • A shopping list I fill by voice: each note is an item, pinch an item to tick it off, ticked items at the bottom.
  • A compass with the heading in big letters and the name of the direction, plus the distance walked since Start from the glasses' motion.
  • A card reader for a presentation: paste my talk, one card per screen, Next and Back, and the time spent on each card in small text.
  • A recipe guide with the steps of a recipe I paste, an ingredient list first, and a timer that starts by itself when a step has a time in it.

How a run ends

The agent edits the project on your computer, and a run ends only when it builds and loads in a real browser. How templates work

More templates

  • React XR

    A small working scene for VR and AR: things to pick up and throw, buttons, readable text, physics and sound. The starting point for anything.

    GraspableOfficial

  • Splat World

    Stand inside a photorealistic generated place at real scale, look around, teleport, and add your own things to it.

    GraspableOfficial

  • World Explorer

    Walk through a generated place as if it were solid: floors hold you, walls and furniture stop you, with info points and a guided tour.

    GraspableOfficial

See all templates