Meta Horizon OS Design is a set of human interface guidelines and resources for building immersive experiences on Meta Quest devices. It covers foundational design concepts, interaction patterns, UI components, and best practices for mixed reality and virtual reality applications.
The documentation targets developers and designers creating apps or games for Meta Horizon OS. It distinguishes itself from standard 2D UI guidelines by focusing on spatial computing inputs such as hand tracking, controllers, voice, passthrough, and spatial anchors.
Developers navigate the Foundations section to learn core immersive design concepts such as passthrough and scene understanding. They then move to the Interactions section to select and implement input modalities — hands, controllers, voice, or head movement — following the documented best practices. The Components section provides ready-to-use UI patterns like buttons, sliders, tooltips, and avatars that developers copy or adapt directly into their projects.
This resource is best suited for developers and designers already targeting the Meta Quest ecosystem who need official, maintained design patterns and interaction guidelines. It does not cover non-Meta VR platforms such as SteamVR or Apple Vision Pro, and the advanced input features like spatial anchors and scene understanding require compatible Meta Quest hardware.
Covers the role of hands as an input method, including key terminology, technical requirements, and design best practices.
Explains how controllers function as an input device in VR and MR, covering usage patterns, terminology, and best practices.
Guides designers on voice interactions covering language, tone, context, and non-verbal cues in digital environments.
Teaches integration of passthrough technology to blend virtual elements with the real world for mixed reality experiences.
Explains how to use spatial anchors to create stable, persistent virtual objects anchored to real-world locations.
Documents best practices for spatial audio design that enhances immersion and user interaction in mixed reality.
Details how to design haptic feedback that increases user engagement and realism in immersive experiences.
Describes strategies for designing accessible experiences accommodating mobility, vision, hearing, and interaction needs.
Explains localization best practices including planning, UI design, string management, and testing for global audiences.
Covers foundational concepts of immersive design including passthrough, scene understanding, and spatial anchors.
Pricing extracted from the product website and may change. Check the source for current details.
The Design section covers Foundations (immersive design concepts, key considerations, glossary, localization, health and safety, and accessibility), Interactions (input and output modalities, head movement, hands, controllers, voice, input primitives, input hierarchy, locomotion, passthrough, scene understanding, spatial anchors, display, audio, haptics), and Components (buttons, selectors, sliders, dropdowns, fonts and icons, panels, tooltips, avatars, hand representation, wrist button, splash screen, transitioning 2D to immersive).
Meta Horizon OS supports hand tracking, controllers, voice input, head movement, passthrough, and scene understanding as input modalities for immersive experiences.
The accessibility guidelines cover strategies for designing experiences that accommodate users with mobility, vision, hearing, and interaction challenges.
Yes — Meta Horizon OS Design Guidelines is free to use. See the pricing section for any optional add-ons.
Meta Horizon OS Design Guidelines offers the following plans: Free. See the pricing section for what's included in each tier and any per-seat or usage-based costs.
Meta Horizon OS Design Guidelines is available on: Web.
M Meta Horizon OS Design GuidelinesThis | ||||
|---|---|---|---|---|
| Starting price | Free | Free | Free | — |
| Pricing model | Free | Free | Free | unknown |
| Platforms | Web | Web | Web | — |
| Top features |
|
| — |
|
| Rating | — | — | — | — |
Embed visual builders for emails, pages, and documents into your app — backed by AI workflows, templ...
Free design and front-end development tutorials on YouTube, with AI workflows, from an instructor ac...
Synchronise browser testing across multiple devices in real time — free, open source, and setup in u...
Check the CSS of any element you hover over instantly and copy its entire rules with a single click....
Reference documentation for the deprecated EdgeHTML browser — covers DevTools, extensions, WebView, ...