JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://aframe.io/releases/1.0.3/aframe.min.js"></script>
    <script src="//cdn.rawgit.com/donmccurdy/aframe-physics-system/v4.0.1/dist/aframe-physics-system.min.js"></script>
    <script src="https://cdn.jsdelivr.net/gh/donmccurdy/aframe-extras@v6.1.0/dist/aframe-extras.min.js"></script>
    <script src="https://unpkg.com/aframe-environment-component@1.1.0/dist/aframe-environment-component.min.js"></script>
    <!--Environment extension-->
    <title>Courtyard and Entrance Scene</title>


    <a-scene physics="debug: true">

      <a-entity id="rig" movement-controls kinematic-body>
        <a-entity id="camera" camera position="0 1.6 0" look-controls></a-entity>
      </a-entity>

      <!-- Floor -->
      <a-plane static-body material="color: grey" width="15" height="15" rotation="-90 0 0" position="0 0 0"></a-plane>

      <a-box width="10" height="5" depth="0.5" static-body material="color: red" position="0 0 -5"></a-box>

    </a-scene>