<model-viewer>

Quick Start

Editor

1. Try out your glTF & GLB models with our Editor, and download a whole customized starter website.

Documentation

1. API Documentation & Examples

Metrics

1. Page Load Performance

2. glTF Fidelity Comparison

Browser Support

<model-viewer> is supported on the last two major versions of all evergreen desktop and mobile browsers, plus the last two versions of Safari (on MacOS and iOS).

These browser features are only needed if you wish to use webxr in ar-modes:

Feature
WebXR Device API
WebXR HitTest API
WebXR DOM Overlay API

Natively supported

Available with polyfill

Behind a flag, unstable

Not available

:focus-visible is an as-yet unimplemented web platform feature that enables content authors to style a component on the condition that it received focus in such a way that suggests the focus state should be visibly evident.

The :focus-visible capability has not been implemented in any stable browsers yet. If the polyfill is available on the page, <model-viewer> will use it and only display focus rings when :focus-visible should apply.

Check out this related MDN article for more details on :focus-visible.