TinyGLB

Embed Options

Once your model is uploaded to TinyGLB there are a number of embed options depending on your needs:

  1. Inline Embed
    The 3D viewer appears directly in your page.

    <iframe src="https://viewer.tinyglb.com/f34a5d3bb6994465a46c865096a6f8e3"
     allow="fullscreen" style="border: 0; height: 300px; width: 100%">
</iframe>

  2. Pop-up Embed
    A button or link that opens the 3D viewer in your page. Use the built-in button style, or use your own styles.

    <script src="https://static.tinyglb.com/js/v1/tinyglb-embed.js" defer></script>
<button type="button" data-tinyglb-modal="ed19924076e9430684fb81ae92c74745" 
        class="tinyglb-button">View in 3D</button>

  3. Custom Embed
    If you want further customisation using your own code you can load a TinyGLB model with its viewer settings into a <model-viewer> you control.

    <script src="https://static.tinyglb.com/js/v1/tinyglb.js" defer></script>
<script type="module" src="https://ajax.googleapis.com/ajax/libs/model-viewer/4.4.0/model-viewer.min.js"></script>