JSFiddle - React, Tailwind, and code Playground

by Milan Gladiš

HTML

<div id="deviceOrientation" class="deviceOrientation hidden">
  <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
    <path fill-rule="evenodd" clip-rule="evenodd" d="M7.51463 1.8579C9.46725 -0.0947227 12.6331 -0.0947225 14.5857 1.8579L30.142 17.4142C32.0947 19.3669 32.0947 22.5327 30.142 24.4853L24.4852 30.1422C22.5326 32.0948 19.3667 32.0948 17.4141 30.1422L1.85778 14.5858C-0.0948447 12.6332 -0.0948451 9.46737 1.85778 7.51475L7.51463 1.8579ZM13.1715 3.27211C11.9999 2.10054 10.1004 2.10054 8.92884 3.27211L3.27199 8.92897C2.10042 10.1005 2.10042 12 3.27199 13.1716L18.8283 28.728C19.9999 29.8995 21.8994 29.8995 23.071 28.728L28.7278 23.0711C29.8994 21.8995 29.8994 20 28.7278 18.8285L13.1715 3.27211Z" fill="#4F4F4F"/>
    <path fill-rule="evenodd" clip-rule="evenodd" d="M5.39334 9.63608L9.63598 5.39344L10.3431 6.10055L6.10045 10.3432L5.39334 9.63608Z" fill="#4F4F4F"/>
    <path d="M25.8995 6.1005C25.4193 5.62034 24.913 5.18234 24.385 4.78652L22.3639 6.80765L15.5623 0.00595074C19.8017 -0.109346 24.0782 1.45077 27.3137 4.68629C30.5492 7.92181 32.1093 12.1983 31.994 16.4377L29.9026 14.3462C29.5461 11.3327 28.2118 8.41279 25.8995 6.1005Z" fill="#4F4F4F"/>
    <path d="M7.61492 27.2134C7.08698 26.8176 6.58065 26.3796 6.1005 25.8995C3.78822 23.5872 2.45387 20.6673 2.09743 17.6538L0.00595068 15.5623C-0.109345 19.8017 1.45077 24.0782 4.68629 27.3137C7.92181 30.5492 12.1983 32.1093 16.4377 31.994L14.3462 29.9026V29.9026L9.63593 25.1924L7.61492 27.2134Z" fill="#4F4F4F"/>
  </svg> 
</div>

<style>
vctr-viewer {
  height: 100vh;
  width: 100vw;
}
</style>

<script type='module' src='https://www.vectary.com/viewer/v1/scripts/vctr-viewer.js'></script>
<vctr-viewer id="glasses" model="c0a8488a-aada-474f-804e-2207db6f62dd" env="snowyforest" turntable="0" gesturehandling="superior" exposure="1" enableapi="1" showinteractionprompt="0" zoom="0" panY="0" panX="0" envMode="prod" minAzimuth="-45" maxAzimuth="45" minPolar="30"...