Explanation
WebSpatial is an open-source, cross-platform framework initiated by Pico that enables the creation of spatial applications — windows, widgets, and 3D objects in space — using standard web technologies (HTML5, CSS, React). Compatible with Pico headsets and Apple Vision Pro.
Real-world example
Creating a 3D dashboard application with React and CSS that runs equally well on a Pico headset and an Apple Vision Pro.
Practical applications
- Developing spatial interfaces with standard web skills (HTML, CSS, JavaScript)
- Deploying the same application on multiple XR headsets without rewriting code
- Creating spatial widgets that coexist with other apps in virtual space
- Rapidly prototyping spatial computing experiences
WebSpatial vs other XR development approaches
WebSpatial (native web)
- HTML5 + CSS + React for spatial apps
- Open source and cross-platform (Pico, Vision Pro)
- Standard web skills are sufficient
- Ideal for mixed 2D/3D interfaces
Example: A spatial React dashboard displayed in the virtual workspace
WebXR (W3C standard)
- Browser API for accessing VR/AR sensors
- Works in any compatible browser
- Lower level: handles 3D rendering directly
- Requires Three.js, A-Frame, or Babylon.js
Example: A 3D virtual tour accessible via a web link in the headset browser
Native engines (Unity, Unreal)
- Maximum performance and advanced graphical rendering
- Native compilation per platform
- Specialized skills required (C#, C++)
- Best for complex 3D applications
Example: An industrial maintenance simulator with realistic physics
VR scenario
A company wants to deploy a production dashboard viewable in spatial computing. Its web team builds the interface with WebSpatial using React and CSS. The result appears as a spatial window in the headset's workspace, coexisting with other applications. The same code runs on the factory's Pico headsets and the director's Vision Pro, without recompilation.
Why it matters in professional VR
- WebSpatial democratizes spatial development: any web developer can create XR apps
- The cross-platform approach reduces the risk of vendor lock-in to a single headset manufacturer
- Complementary to WebXR: WebSpatial for interfaces, WebXR for immersive experiences
- Strong industry signal: spatial computing is adopting web standards