Design
Tooltips: Implementation
Updated: Feb 26, 2026
Resources and platform-specific guidance for implementing tooltips 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 includes pre-built tooltip prefabs. Install the Meta Interaction SDK, set up a UI canvas, and add tooltip prefabs with built-in themes, positioning, and hover-based display. • Meta Horizon OS UI Set: Pre-built tooltip prefabs with customizable themes • Creating interactable UIs: Overview of UI creation workflows |
Unreal | Create tooltips using standard UMG Widget Blueprints, then wrap them with the Interaction SDK to respond to hover events from poke and ray interactions. • Interactable widgets: Make UMG widgets interactable via poke and ray |
Meta Spatial SDK | Import the tooltip component directly into your Jetpack Compose layout. The component includes built-in spatial positioning, theming, and hover-based display. • Tooltip: Spatial tooltip component with built-in positioning and theming • UI overview: Full component library for spatial experiences |
Web | Use the spatial UI framework primitives to construct tooltip components, or define them with UIKitML markup. • Spatial UI concepts: Architecture for building interactive UI in WebXR • UIKit: UI primitives for constructing tooltip components |
Android Apps | Use standard Android UI components (Views or Jetpack Compose) for tooltips. Follow the Horizon OS design requirements for hover states and color contrast to ensure tooltips are visible and accessible. • 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