Hands & Spatial UI template
Panels, buttons and sliders you pinch and poke with your bare hands, ready to become a dashboard, an instrument or a tool.
- Built on
- Hand tracking + a spatial UI kit, in a Vite project. It is ordinary code in a folder on your computer: read it, edit it, keep it.
- Comes with
- The Builder plan and higher. See pricing.
- Runs on
- 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.
- Show the temperature of five cities as a 3D bar chart floating two metres away, with a panel to switch between temperature, rain and wind.
- Turn this into a drum kit: eight pads in two rows that I hit with my fingers, each with its own sound and colour, and a volume slider.
- Build a one-octave piano I can play with my fingertips, with a toggle between a soft and a bright sound.
- Make a colour mixer: red, green and blue sliders that tint a large sphere, and a button that saves the colour as a swatch on a shelf.
- Add a settings menu with three pages — Display, Sound and About — and Back and Next buttons to move between them.
Made from this template
Real projects that started here, each with the request that built it.
Hands & Spatial UI templateChime bars for bare hands
Eight coloured bars on a walnut frame: touch one with a fingertip and it dips, glows and rings its note.
- Hand tracking
- Sound
- PBR materials
Read the request that made it (2 runs)
Start from it
Download Graspable, choose Hands & Spatial UI when you create a project, and say what you want. The agent edits the project on your computer and a run ends only when it builds and loads in a real browser.