Introduction

This section introduces the problems WebSpatial solves and the benefits it brings.

📄️ New Powers for XR Apps

On XR platforms such as Vision Pro, Meta Quest, and PICO, apps (including Web apps) gain brand-new capabilities and enormous potential. Even without cutting-edge features like full immersion or environment blending, XR apps already offer the following clear advantages in existing mainstream user cases:

📄️ The New Generation of Spatial Apps

With Apple's release of the next-gen XR OS, visionOS, and its new spatial-computing architecture (Unified Rendering app model), the long-standing bottlenecks of traditional XR apps have been fundamentally addressed.

📄️ HTML/CSS and WebXR

However, the problem that follows is, the Web didn't automatically gain such spatial capabilities.

📄️ 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.

📄️ Built on the Existing Web Ecosystem

While the mainstream Web ecosystem is ultimately built on HTML/CSS, most Web developers do not work directly with raw HTML/CSS when creating applications. Instead, they rely on UI frameworks or full-featured application frameworks. React is currently the most popular choice - developers use HTML through React's JSX API and component-based architecture, and CSS through APIs such as TailwindCSS, PostCSS, or CSS-in-JS.

📄️ If You Are a ___ Developer

2D Web Developers