Design

Components

Updated: Apr 30, 2026
Components are the standard building blocks for immersive and MR/Passthrough experiences in Meta Horizon OS. This page links to the design guidance for each component, including overview, specs, accessibility, best practices, and implementation.
Many component systems are available for building immersive and MR/Passthrough experiences. Use the design guidance on the linked pages to build your own components from scratch, or use the Meta Horizon OS UI Set⁠ as a ready-made implementation that handles input modalities, theming, and interaction states for you. Either approach produces consistent, reliable experiences. Panels and Windows are foundational surfaces that hold and frame the interactive components in either approach.
For the Unity implementation of the UI Set, see Meta Horizon OS UI Set in Unity. For Spatial SDK Kotlin, see Spatial SDK ISDK overview.

Component library

Preview of the Buttons component.
Buttons

Interactive affordances to take action on, with primary, secondary, borderless, destructive, tile, and shelf variants.

Overview | Best practices | Specs | Implementation

Preview of the Tooltips component.
Tooltips

Short contextual labels that identify or explain a UI element on hover.

Overview | Specs | Implementation

Preview of the Cards component.
Cards

Containers for grouped content and entry points to deeper views.

Overview | Specs

Preview of the Dialogs component.
Dialogs

Transactional, temporary surfaces used to communicate, confirm actions, or solicit input.

Overview | Implementation

Preview of the Dropdowns component.
Dropdowns

Buttons that trigger progressively disclosed menus and list views.

Overview | Implementation

Preview of the Selectors component.
Selectors

Toggles, checkboxes, and radio buttons for selecting between states or options.

Overview | Implementation

Preview of the Sliders component.
Sliders

Continuous or discrete controls for selecting a value within a range.

Overview | Implementation

Preview of the Panels surface.
Panels

Rectangular surfaces that display 2D and stereoscopic app content as foundational containers for components.

Overview | Implementation

Preview of the Windows surface.
Windows

System-level containers for application content that support repositioning, resizing, and snapping.

Overview | Implementation


Next steps

Design system foundations

Designing for hand input

Developing experiences

Android apps and Spatial SDK

Android Apps and Spatial SDK share the same component library through the Meta Horizon OS UI Set.

Unity

Unreal

Nav Logo
Virtual reality / Meta Horizon
Virtual reality / Meta Horizon
Virtual reality / Meta Horizon
English (US)
© 2026 Meta