Making the Most of 3D on the Web

with <model-viewer>


Emmett Lalish, Google

July 27, 2024
<model-viewer> v3.5 has a lot to offer!
Khronos PBR Neutral Tone Mapping for color accuracy
Post-processing effects, like bloom
Easy backgrounds, now with UltraHDR!
Animated/Video textures - before glTF!
Automatic dimensions, with easy a11y & i18n
Animated hotspots, with DOM & SVG
Transparent rendering lets DOM content show through

Seamless integration with 2D page design


Setting limits on the camera can make your whole page seem 3D

Red Bull Racing

Google Store


Variant selection and camera-based walkthrough

Pixel Watch 2

Animation-based walkthrough

Pixel Buds Pro

Search Education


Includes <model-viewer> right on Google Search

With annotations! And a game!

Google Search for Eukaryote

Music Video


Whole new ways to be creative!

From twitter / X

Thanks!


https://modelviewer.dev

https://github.com/google/model-viewer