Design for Spatial Web
Every HTML element is spatially rendered in the browser, powered by JSAR.
Empowering Web developers to present Web content spatially with the full power of modern technologies — HTML5, CSS3, and TypeScript.
Content designed for 3D space
Unlike traditional flat web pages, spatial web content is inherently three-dimensional, allowing for depth, perspective, and immersive layouts that feel natural in 3D environments.
// Spatialized elements
<div style="transform: translateZ(100)">
<h1>Welcome to Spatial Web</h1>
</div>
Presenting spatial photos easily
Rendering spatial photos has never been easier - just use the <img> element for creator
<img src="example.jpg" spatial="stereo" />
Natively support audio spatialization
<audio> elements with spatialization are automatically enabled, the only thing for the creator is to add the audio element and set the source.
// Audio spatialization
<audio src="example.mp3"></audio>
The Spatial Web is not limited to XR devices - it's also transforming how we interact with content on traditional desktop computers. On desktop platforms, Spatial Web browsing creates a bridge between 2D and 3D experiences through:
JSAR provides comprehensive support for modern Web standards. For a complete browser compatibility report, please visit our Browser Compatibility Data.
JSAR browser engine brings all these Spatial Web capabilities to your fingertips.