<model-viewer>

Easily display interactive 3D models on the web & in AR

Quick Start

Documentation

  1. API documentation & examples

Model Editor

  1. Use the Model Editor to prepare your GLB models for the web

  2. Interactive Viewer (Legacy)

Community

  1. Github / Bug Reports

  2. Glitch (astronaut example)

  3. Spectrum

  4. Twitter @modelviewer

Browser Support

icon-check
Natively supported
icon-warning
Available with polyfill
icon-flag
Behind a flag, unstable
icon-na
Not available

These browser features are required for <model-viewer> to work correctly:

Feature Chrome Canary Safari Firefox Edge IE 11 Samsung Internet
Custom Elements icon-check icon-check icon-check icon-check icon-check icon-warning icon-check
Shadow DOM icon-check icon-check icon-check icon-check icon-check icon-warning icon-check

These browser features are optional and are only used if available for performance optimization or specific features:

Feature Chrome Canary Safari Firefox Edge IE 11 Samsung Internet
Resize Observer icon-check icon-check icon-check icon-check icon-check icon-warning icon-check
Intersection Observer icon-check icon-check icon-check icon-check icon-check icon-warning icon-check
:focus-visible icon-warning icon-warning icon-warning icon-warning icon-warning icon-warning icon-warning

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

Feature Chrome Canary Safari Firefox Edge IE 11 Samsung Internet
WebXR Device API icon-check icon-check icon-na icon-na icon-check icon-na icon-check
WebXR HitTest API icon-check icon-check icon-na icon-na icon-check icon-na icon-check
WebXR DOM Overlay API icon-check icon-check icon-na icon-na icon-na icon-na icon-na