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
Meta
English (US)
© 2026 Meta