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 includes pre-built selector prefabs for checkboxes, toggles, and radio buttons. Install the Meta Interaction SDK, set up a UI canvas, and add selector prefabs with built-in themes, states, and multi-input support. • Meta Horizon OS UI Set: Pre-built selector prefabs with customizable themes • Creating interactable UIs: Overview of UI creation workflows |
Unreal | Create selectors using standard UMG Check Box or custom Widget Blueprints, then wrap them with the Interaction SDK to enable poke and ray interactions. • Interactable widgets: Make UMG widgets interactable via poke and ray |
Meta Spatial SDK | Import the control component directly into your Jetpack Compose layout. The component supports checkbox, toggle, and radio button variants with built-in spatial theming and state management. • Control: Spatial checkbox, toggle, and radio button components • UI overview: Full component library for spatial experiences |
Web | Use the spatial UI framework primitives to construct selector components, or define them with UIKitML markup. • Spatial UI concepts: Architecture for building interactive UI in WebXR • UIKit: UI primitives for constructing selector components |
Android Apps | Use standard Android UI components (Views or Jetpack Compose) for checkboxes, toggles, and radio 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 |