Develop

Component library overview

Updated: May 4, 2026
This section outlines documentation for the individual UI components available in the Meta Horizon OS UI Set. The UI Set does not depend on the Spatial SDK and can be used in any Android app running on Horizon OS.
To see these components in action, explore the UI Set sample project on GitHub⁠. For design guides and resources, refer to the design guidelines and the UI Set Figma design file⁠ on Meta’s Figma page.

The UI Set

The Meta Horizon OS UI Set is a collection of essential user interface components designed for immersive experiences. UI Set empowers you to create high-quality, consistent user interfaces, leveraging the latest design standards from Meta Horizon OS and consistent input interaction support.

Available components

Click on the links to navigate to detailed documentation for each component type, including usage examples, variants, and API details.
Button

Button

Includes `PrimaryButton`, `SecondaryButton`, `BorderlessButton`, `DestructiveButton`, `TextTileButton`, `ButtonShelf`, and their icon/circle variants. Covers actions and selections.

Card

Card

Includes `PrimaryCard`, `SecondaryCard`, and `OutlinedCard`. For creating structure in spatial interfaces.

Control

Control

Includes `SpatialCheckbox`, `SpatialRadioButton`, `SpatialSwitch`. For toggling states and single/multiple choice selections.

Dialog

Dialog

Includes `SpatialBasicDialog`, `SpatialIconDialog`, `SpatialInfoDialog`, `SpatialChoiceListDialog`. For presenting modal information and actions.

Dropdown

Dropdown

Includes `SpatialDropdown` and `SpatialIconDropdown`. For selecting one option from a hidden list.

Input

Text input field and search bar components for text entry

Includes `SpatialTextField` and `SpatialSearchBar`. For text entry and searching.

Navigation Item

Side navigation menu item with icon and label for app navigation

Includes `SpatialSideNavItem`. For use in side navigation menus.

Slider

Horizontal slider controls in small, medium, and large sizes for value selection

Includes `SpatialSliderLarge`, `SpatialSliderMedium`, `SpatialSliderSmall`. For selecting a value within a range.

Tooltip

Tooltip popup displaying contextual help information on hover

Includes `SpatialTooltip` and `SpatialTooltipContent`. For displaying contextual information on hover.

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