WebSpatial: a set of APIs to support spatial computing across platforms

3 months ago 5

One App, Every Device, From Screen to Spatial

One codebase delivers 2D UI on desktop and mobile screens, then unlocks Spatialized UI on spatial-computing devices.

Large Screen

Small Screen

visionOS

Meta Horizon

（Coming soon）

Empower Spatial Creativity and Expand Your Web from 2D to 3D

Split the Web Page, Free the UI

Break the crowded, solid-backed web page into independent panels that hover in space, removing the frame so translucent UI lives naturally over the real world.

Elevate HTML Elements, Unlock Depth

Move any HTML element off the flat page—whether static or animated—and position or reshape it along the Z-axis, giving your interface true depth beyond width and height.

Multiple Scene Containers, Native Power

Compose your web app from multiple OS-managed flat or volumetric scenes so it behaves like a native spatial app and delivers a unified experience across web and native.

Add True 3D Content, Blend Dimensions

Introduce volumetric 3D elements that nest and layout seamlessly with 2D elements, then drive them with the 3D engine to host dynamic, interactive 3D content.

Keep Coding Web, Ship Spatial

Keep coding with React, CSS, JS and the web-dev tools you already know. WebSpatial extends your existing web stack with a minimal set of new spatial APIs, drops straight into any project, and unlock native-grade spatial power with almost no code changes or extra cost.

Explore the WebSpatial Toolkit

Everything you need to ship spatial apps, plus the tools you already rely on.

WebSpatial API

BAn open, minimal extension to HTML, CSS, and JS that adds spatial powers like elevation, multi-scenes, 3D containers

React SDK

A drop-in library for React projects that instantly unlocks WebSpatial APIs, and lets you build spatial apps with the same React components and ecosystem you already use.

WebSpatial Builder

A CLI tool that packages WebSpatial-enabled React projects into installable native spatial app, wrapping web code in a platform-specific App Shell that runs WebSpatial APIs.

Platform Simulator

Preview and debug WebSpatial app on visionOS simulator without a headset.

Safari / Chrome DevTools

Inspect DOM, measure performance, and live-edit styles using the same tools you know.

3D Authoring Tools

Import 3D assets from Blender, Spline, or any authoring tool that supports USD or glTF.

Start building with WebSpatial

Read Entire Article