GLB/GLTF Model Viewer & Editor

Auto-rotate:

Auto rotate delay:

Hide hotspots:

Hide dimensions:

Neutral Lighting:

Panning:

Camera Control:

Disable zoom:

Framing & Scaling

Roll: Pitch: Yaw:

X: , Y: , Z:

Camera view

X: Y:

Shadow intensity

Interaction

Scripts

<script type="module" src="https://unpkg.com/@google/model-viewer/dist/model-viewer.js"></script>

<script nomodule src="https://unpkg.com/@google/model-viewer/dist/model-viewer-legacy.js"></script>

<script src="https://unpkg.com/@webcomponents/webcomponentsjs@2.1.3/webcomponents-loader.js"></script>

<script src="https://unpkg.com/intersection-observer@0.5.1/intersection-observer.js"></script>

<script src="https://unpkg.com/resize-observer-polyfill@1.5.1/dist/ResizeObserver.js"></script>

These scripts go into your head tag.

Body

This is the modelviewer including all your hotspots.
*NOTE: you'll have to put the folder directory inside the model-viewer src tag.

CSS

This is the css for the hotspots and annotations.
*NOTE: annotations will always be visible.

Scripts

Body

CSS

Hotspots