<model-viewer>
Easily display interactive 3D models on the web & in AR
Quick Start
Tools
-
Use our Editor to test your 3D models and download a starter website.
-
Generate your own 3D Twitter card for any website.
Documentation
-
API Documentation & Examples
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 |
: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.