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