Design
Buttons: Implementation
Updated: Feb 26, 2026
Resources and platform-specific guidance for implementing buttons in immersive experiences.
Resources
Design | Open in Figma. Change themes for specific components or entire pages and customize elements to fit your design system. |
Unity | The Meta Horizon OS UI Set provides pre-built button prefabs. Install the Meta Interaction SDK, set up a UI canvas, and drop in button prefabs with built-in themes, states, and multi-input support. • Meta Horizon OS UI Set: Pre-built button prefabs with customizable themes • Creating interactable UIs: Overview of UI creation workflows • Creating pokeable UIs: Direct touch button interactions • Creating ray-castable UIs: Ray-based button interactions |
Unreal | Create buttons using standard UMG Widget Blueprints, then wrap them with the Interaction SDK to enable poke and ray interactions in immersive experiences. • Interactable widgets: Make UMG button widgets interactable via poke and ray • Poke interactions: Direct touch button pressing |
Meta Spatial SDK | Import the button component directly into your Jetpack Compose layout. Components include built-in spatial theming, states, and interaction handling. • Button: Spatial button component with built-in states and theming • UI overview: Full component library for spatial experiences |
Web | Use the spatial UI framework primitives (Container, Text, Image) to construct button components, or define them with UIKitML markup. • Spatial UI concepts: Architecture for building interactive UI in WebXR • UIKit: UI primitives for constructing button components |
Android Apps | Use standard Android UI components (Views or Jetpack Compose) for buttons. Follow the Horizon OS design requirements for minimum hit target sizing (48dp), hover states, and color contrast. • Design requirements: Hit targets, hover states, color, and typography for Android apps • Features overview: Available platform features for Android apps |
Did you find this page helpful?
Virtual reality / Meta Horizon
Support and legal
Virtual reality / Meta Horizon
Support and legal
Virtual reality / Meta Horizon
Support and legal
English (US)
© 2026 Meta