Skip to main content

Spatial UI

Build a movable, resizable interface with the core UICard, layout, text, image, button, and slider components. The controls update the card immediately on desktop and in XR.

Desktop Controls (User Mode)​

  • Move UI: Left-click and drag the border/edge of the UI card.
  • Scale UI: Hover over the UI card and scroll with the mouse wheel.
  • Interact: Left-click buttons or drag sliders to adjust values.

XR Controls​

  • Move UI: Pinch the border/edge of the card and drag.
  • Scale UI: Pinch the card with two hands and stretch or pinch closer to resize.
  • Interact: Ray-pinch buttons and drag sliders.
main.js