WebSpatial: new open-source framework from Pico that spatializes the web, and it’s multiplatform

At AWE USA 2025, on June 10–12 in Long Beach, CA, PICO (Booth 417, 202A) will highlight WebSpatial and the PICO 4 Ultra Enterprise headset—an all-in-one MR device with advanced tracking via the PICOMotion Tracker. Visitors can explore real-world use cases in education, training, and LBE, and attend a featured session: “Superpowers for Spatial Developers: WebSpatial and SpatialML.”

WebSpatial lowers the barrier for millions of web developers to enter XR, a field traditionally dominated by 3D engine developers. With over 60% of developers worldwide working on the web, making XR accessible to them is key to expanding the ecosystem.

In an e-commerce spatial website demo, it showcase features such as 3D model integration in 2d windows, glass effects, and spatial layering.

WebSpatial is an ideal solution for web developers to build websites for XR:

Cross-platform: Supports Apple Vision Pro, PICO, Meta Quest, AndroidXR and more.
Low learning curve: Use familiar tools like React and CSS.
Easy spatializing: For normal 2d webs, it is easy to have a 3D version while not affecting the original 2d web.
Cost-effective: No need for complex 3D engines—use existing web frameworks with WebSpatial APIs.
Customizable 3D UI: Leverage CSS and React frameworks for 3D UI/UX design
Instant XR scenes: Rapidly create immersive scenes using “spatial div” and nested layouts.

Watching a demo website with WebSpatial elements from a side (of course you can move your head instead, depth is visible even staying in front, and if well implemented you’ll be able to rotate the object if you want, seeing other angles without forcing to move yourself)

From the technical perspective, WebSpatial comes with the following key features that empower developers:

CSS-powered 3D transforms: Add depth, material properties, and layering effortlessly.
React-based window management: Seamless window creation, destruction, and interaction across multiple scenes.
Model3D component: Simplify 3D model rendering (GLB, USDZ formats supported).
Animation Support: Integrate JS libraries like Popmotion, React-spring, and more for smooth 3D transitions.

WebSpatial is not just a tool—it’s a growing community. You can join the WebSpatial Discord to stay updated and help shape the future of the cross-platform spatial web.