<model-viewer>
Easily display interactive 3D models on the web & in AR
Quick Start
Documentation
-
API documentation & examples
Model Editor
-
Use the Model Editor to prepare your GLB models for the web
-
Interactive Viewer (Legacy)
Metrics
Browser Support
<model-viewer>
is supported on the last 2 major versions of all evergreen
desktop and mobile browsers.
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
.