Develop
Develop
Select your platform

Surfaces

Updated: Nov 3, 2025
A Surface component represents a geometric surface in 3D space. It acts as a collision surface for Interactors without relying on Unity’s physics. Both RayInteractable and PokeInteractable use Surface components to handle pointer drag overshoot and touch limiting (the point where your finger stops when poking an object, like a button).

ColliderSurface

ColliderSurface is used for interactions with colliders, such as mesh colliders.

PlaneSurface

PlaneSurface is used for interaction with flat surfaces, and acts in much the same way as Unity’s Plane.
Side view of PlaneSurface of the button in PokeExamples sceneA side view of the PlaneSurface used in the button from the PokeExamples scene.

CylinderSurface

CylinderSurface is used for interaction with cylindrical surfaces such as a curved UI.

CircleSurface

CircleSurface is used for interaction with circular surfaces, and computes the closest world point on a coordinate plane defined by the X and Y axes of the transform, within a provided radius from the transform’s origin.
Top view of CircleSurface of the button in PokeExamples sceneA top view of the CircleSurface used in the button from the PokeExamples scene.

Cylinder

The Cylinder component helps determine the position, orientation, and size of curved components such as the CanvasCylinder, CylinderSurface, and ClippedCylinderSurface. In a curved UI with multiple canvases, a single cylinder can be used to drive all panels, removing the need to manually align each panel in a cylinder orientation.

Learn more

  • To learn about components that define the interactable surface of UI elements, see Surface Patch.

Design guidelines

  • Fonts and icons: Learn about fonts and icons components for immersive experiences.
  • Panels: Learn about panels components for immersive experiences.
  • Windows: Learn about windows components for immersive experiences.
  • Tooltips: Learn about tooltips components for immersive experiences.
  • Cards: Learn about cards components for immersive experiences.
  • Dialogs: Learn about dialogs components for immersive experiences.
Did you find this page helpful?
Nav Logo
Virtual reality / Meta Horizon
Virtual reality / Meta Horizon
Virtual reality / Meta Horizon
English (US)
© 2026 Meta