Design
Panels: Implementation
Updated: Feb 27, 2026
Resources and platform-specific guidance for implementing panels in immersive experiences.
Resources
Design | Open in Figma. Change themes for specific components or entire pages and customize elements to fit your design system. |
Unity | Use the Meta Interaction SDK with compositor layers (OVROverlay) to render 2D panel surfaces. The UI Set provides pre-built components to place on panel canvases with built-in themes and multi-input support. • Meta Horizon OS UI Set: Pre-built UI components for panel content • Compositor layers (OVROverlay): Render panel surfaces as compositor layers for improved visual quality |
Meta Spatial SDK | Register panel templates and spawn them as 3D entities with position, orientation, and interaction support. Panels can use Jetpack Compose or standard Android Views, with options for resizing, grabbing, and compositor layer rendering. • Spatial 2D panels: Overview of the panel system • Panel tutorial: Build and position your first panel • Panel registration: Registration types and configuration options • Resizable panels: Add resize support with IsdkPanelResize • Interaction SDK for panels: Grabbable panels, curved panels, and touch limiting |
Web | Use UIKitML markup and the PanelUI component to create spatial UI surfaces in WebXR experiences. • Spatial UI guide: UIKitML markup and PanelUI setup • UIKitDocument API: Panel dimensions and DOM-like queries • Spatial UI flow: End-to-end pipeline from authoring to rendering |
Android Apps | Set default panel dimensions in the AndroidManifest using the layout element. Multi-panel apps can launch additional panels using activity flags. • Panel sizing: Configure default panel dimensions and multi-panel support • Features overview: Available platform features for Android apps |
Did you find this page helpful?
Virtual reality / Meta Horizon
Support and legal
Virtual reality / Meta Horizon
Support and legal
Virtual reality / Meta Horizon
Support and legal
English (US)
© 2026 Meta