JSFiddle - React, Tailwind, and code Playground

by Raushan Kumar

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/86/three.min.js"></script>
<div id="viewer"></div>

CSS

html {
  background-color: blue;
  overflow: hidden;
}

body {
  margin: 0px;
  height: 100vh;
  background-color: red;
  overflow:hidden;
}

#viewer {
  height: 100%;
  width: 80vw;
  background-color: green;
}

JavaScript

var v = document.getElementById('viewer');
var renderer = new THREE.WebGLRenderer();
v.append(renderer.domElement);
renderer.setSize(v.clientWidth, v.clientHeight);