Develop
Develop
Select your platform

Meta Horizon OS UI Set overview

Updated: Oct 7, 2025
This section outlines documentation for the individual UI components available in the the Meta Horizon OS UI Set. For design guides and resources, please refer to Components documentation and UI Set Figma design file available on Meta’s Figma page.

What is 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 for Spatial SDK projects, 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

Input

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

Navigation Item

Navigation Item

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

Slider

Slider

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

Tooltip

Tooltip

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

Direct hand interaction support

To support direct hand (poke) interactions with UI components, add Interaction SDK to your project.
Did you find this page helpful?
Thumbs up icon
Thumbs down icon
Nav Logo
Virtual reality / Meta Horizon
Virtual reality / Meta Horizon
Virtual reality / Meta Horizon
English (US)
© 2025 Meta