Skip to main content

Make the Web Spatial Too

WebSpatial is a set of spatial APIs built on top of the mainstream Web-development ecosystem and existing 2D Web. It enables the entire HTML/CSS-based Web world - billions of websites and Web apps, tens of millions of Web developers, and millions of open-source libraries - to step into the spatial era, gaining spatial power on par with native spatial apps (like visionOS apps) while keeping all the advantages the Web already have.

Position HTML Elements on the Z Axis​

With WebSpatial, HTML elements can be laid out and positioned not only along the X and Y axes via CSS, but also along the Z axis in front of the web page:

Transform HTML Elements in True 3D​

WebSpatial lets HTML elements rotate, scale, and warp along the Z axis in real space.

For example, you can build an actual 3D cube using plain div elements:

Material-Based Backgrounds​

With WebSpatial, HTML elements can have backgrounds that are semi-transparent materials rendered in real time from the environment, so regardless of the environment's color and lighting conditions, content stays legible.

You can also set the background of an element or an entire page window to a fully transparent material, making its contents appear to float and disperse in space.

Genuine 3D Elements for HTML​

WebSpatial adds true 3D elements to HTML, allowing 3D content to appear directly in space:

These 3D elements can participate in layout alongside 2D elements, forming any mix of Web content and GUI:

Multi-Scene Spatial Apps​

A WebSpatial app can comprise multiple scenes, just like a native spatial app. These 2D + 3D (or pure 3D) scenes can be managed as standard Web windows, while also allowing for be initialized with configurations specific to spatial computing platforms.

3D Containers with 3D Engine APIs (upcoming feature)​

Among the 3D elements WebSpatial adds to HTML, there is a container type that lets you render and control its 3D content via 3D engine APIs. Web 3D programming is no longer limited to flat canvases or a handful of full-screen 3D games (including WebXR games that take over the whole 3D space). It can now be useful in multitasking scenarios and a far wider range of applications.