WebXR: Enabling Virtual and Augmented Reality on the Web
A bathroom supplier solved low sales conversion by letting customers visualize their space in VR. Learn how WebXR made it possible.
#1about 2 minutes
Introducing WebXR for immersive web experiences
WebXR blends virtual and augmented reality with the web, opening up new dimensions of interaction directly from a browser.
#2about 2 minutes
Defining the components of extended reality (XR)
Extended reality (XR) is an umbrella term for augmented reality (AR), virtual reality (VR), and mixed reality (MR), each offering different levels of digital immersion.
#3about 3 minutes
Exploring the business value and applications of XR
XR technology drives business value through enhanced user engagement, cost reduction, and efficiency, as demonstrated by Volkswagen's VR training simulators.
#4about 1 minute
Core principles for designing effective XR experiences
Creating successful XR applications requires focusing on user-centric design, accessibility, data privacy, flexible solutions, and collaboration with experts.
#5about 4 minutes
Case study on building a 3D bathroom visualizer
A 3D bathroom design tool built with WebXR helped a supplier solve the customer problem of visualizing final results, thereby increasing sales conversion.
#6about 4 minutes
Understanding the technical architecture of the WebXR API
The WebXR Device API is an open, cross-platform standard built on layers of abstraction, from hardware drivers to browser APIs like WebGL.
#7about 3 minutes
A survey of WebXR development frameworks and tools
Developers can choose from code-only frameworks like A-Frame, cloud-based engines like PlayCanvas, or installable game engines like Unity to build WebXR experiences.
#8about 3 minutes
Getting started with your first WebXR project
To begin with WebXR, developers need strong web fundamentals, a grasp of 3D concepts, and a critical focus on performance optimization.
Related jobs
Jobs that call for the skills explored in this talk.
The Web We Broke (And Why AI Agents Are Paying the Price) - AgentCon BerlinThis is the accompanying post to the talk Chris Heilmann gave at AgentCon in Berlin on 19/05/2026, you can also see the slides and listen to it in this screencast:
Thirty years of developer shortcuts, bloated JavaScript, and inaccessible HTML have l...
What Makes WeAreDevelopers World Congress Different From Every Other Tech Event?When developers evaluate top must-visit tech conferences in 2026 , they encounter a wide spectrum of formats. Some events are deeply platform-centric. Others are highly curated and architecture-focused. Some function as large-scale industry expos wit...
Christina Schaireiter
Why Attend a Developer Event?Modern software engineering moves too fast for documentation alone. Attending a world-class event is about shifting from tactical execution to strategic leadership.
Skill Diversification: Break out of your specific tech stack to see how the industry...
From learning to earning
Jobs that call for the skills explored in this talk.