mixed-reality

UX elements overview

Foundational elements

Learn about the foundational elements that you need to design a great mixed reality experience.

:::row::: :::column::: Color, light and materials Color, light, and materials :::column-end::: :::column::: Scale Scale :::column-end::: :::row-end:::

:::row::: :::column::: Typography Typography :::column-end::: :::column::: Sound Sound :::column-end::: :::row-end:::


Common controls and behaviors

Learn about frequently used common spatial interactions and UI building blocks for mixed reality experiences.

:::row::: :::column::: Cursor Cursor :::column-end::: :::column::: Hand ray Hand ray :::column-end::: :::column::: Button Button :::column-end::: :::row-end:::

:::row::: :::column::: Bounding box Bounding box :::column-end::: :::column::: Interactable object Interactable object :::column-end::: :::column::: Manipulation Manipulation :::column-end::: :::row-end:::

:::row::: :::column::: Hand menu Hand menu :::column-end::: :::column::: Near menu Near menu :::column-end::: :::column::: Object collection Object collection :::column-end::: :::row-end:::

:::row::: :::column::: Voice input Voice input :::column-end::: :::column::: Keyboard Keyboard :::column-end::: :::column::: Tooltip Tooltip :::column-end::: :::row-end:::

:::row::: :::column::: Slate Slate :::column-end::: :::column::: Slider Slider :::column-end::: :::column::: Shader Shader :::column-end::: :::row-end:::

:::row::: :::column::: Dialog Dialog :::column-end::: :::column::: Hand coach Hand coach :::column-end::: :::column::: Spatial mesh Spatial mesh :::column-end::: :::row-end:::

:::row::: :::column::: Billboarding and tag-along Billboarding and tag-along :::column-end::: :::column::: Progress indicator Progress indicator :::column-end::: :::column::: Surface magnetism Surface magnetism :::column-end::: :::row-end:::


This site is open source. Improve this page.