Design
Sliders: Implementation
Updated: Feb 26, 2026
Resources and platform-specific guidance for implementing sliders 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 | The Meta Horizon OS UI Set includes pre-built slider prefabs. Install the Meta Interaction SDK, set up a UI canvas, and add slider prefabs with built-in themes, states, and multi-input support. • Meta Horizon OS UI Set: Pre-built slider prefabs with customizable themes • Creating interactable UIs: Overview of UI creation workflows |
Unreal | Create sliders using standard UMG Slider or custom Widget Blueprints, then wrap them with the Interaction SDK to enable poke and ray interactions. • Interactable widgets: Make UMG slider widgets interactable via poke and ray |
Meta Spatial SDK | Import the slider component directly into your Jetpack Compose layout. The component includes built-in spatial theming, value tracking, and interaction handling. • Slider: Spatial slider component with built-in states and theming • UI overview: Full component library for spatial experiences |
Web | Use the spatial UI framework primitives to construct slider components, or define them with UIKitML markup. • Spatial UI concepts: Architecture for building interactive UI in WebXR • UIKit: UI primitives for constructing slider components |
Android Apps | Use standard Android UI components (Views or Jetpack Compose) for sliders. Follow the Horizon OS design requirements for minimum hit target sizing (48dp), hover states, and color contrast. • Design requirements: Hit targets, hover states, color, and typography for Android apps • 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