🏳️<model-viewer>

Website faviconmodelviewer.dev

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

<model-viewer>

==============

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

### Quick Start

    <!-- Import the component -->

    <script type="module" src="https://ajax.googleapis.com/ajax/libs/model-viewer/4.0.0/model-viewer.min.js"></script>

    <!-- Use it like any other HTML element -->

    <model-viewer alt="Neil Armstrong's Spacesuit from the Smithsonian Digitization Programs Office and National Air and Space Museum" src="shared-assets/models/NeilArmstrong.glb" ar environment-image="shared-assets/environments/moon_1k.hdr" poster="shared-assets/models/NeilArmstrong.webp" shadow-intensity="1" camera-controls touch-action="pan-y"></model-viewer>

[](https://bundlephobia.com/result?p=@google/model-viewer)[](https://github.com/google/model-viewer/releases)[](https://www.npmjs.com/package/@google/model-viewer)  

[](https://twitter.com/intent/follow?screen_name=modelviewer)[](https://github.com/google/model-viewer/discussions)

### Getting Started

1.  #### [FAQ](docs/faq.html): Introduction & much more

2.  #### [Editor](editor): Test your 3D models and download a starter website

### Documentation

1.  #### [Examples](examples/augmentedreality/index.html): Advanced usage

2.  #### [API Reference](docs/index.html)

### Addons

#### 

<model-viewer-effects>

[](https://bundlephobia.com/result?p=@google/model-viewer-effects)[](https://www.npmjs.com/package/@google/model-viewer-effects)

2.  #### [Examples](examples/postprocessing/index.html)

3.  #### [API Reference](docs/mve.html)

### 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

*   [Neil Armstrong Space Suit](https://3d.si.edu/object/3d/neil-armstrong-spacesuit:d8c63ba6-4ebc-11ea-b77f-2e728ce88125) provided by the Smithsonian Digitization Programs Office and the National Air and Space Museum; [Usage Conditions Apply](https://www.si.edu/Termsofuse).

©Copyright 2018-2025 Google Inc. Licensed under the Apache License 2.0.

[Github](https://github.com/google/model-viewer) ∙ [Glitch](https://model-viewer.glitch.me/) ∙ [Bug report](https://github.com/google/model-viewer/issues) ∙ [Privacy](https://policies.google.com/privacy)