JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://threejs.org/build/three.min.js"></script>
<script src="http://threejs.org/examples/js/controls/OrbitControls.js"></script>

CSS

body {
	background-color: #000;
	margin: 0px;
	overflow: hidden;
}

JavaScript

var parent, renderer, scene, camera, controls;

init();
animate();

function init() {

	// info
	info = document.createElement( 'div' );
	info.style.position = 'absolute';
	info.style.top = '30px';
	info.style.width = '100%';
	info.style.textAlign = 'center';
	info.style.color = '#fff';
	info.style.fontWeight = 'bold';
	info.style.backgroundColor = 'transparent';
	info.style.zIndex = '1';
	info.style.fontFamily = 'Monospace';
	info.innerHTML = 'Drag mouse to rotate camera';
	document.body.appendChild( info );

	// renderer
	renderer = new THREE.CanvasRenderer();
	renderer.setSize( window.innerWidth, window.innerHeight );
	renderer.physicallyBasedShading = true;
	document.body.appendChild( renderer.domElement );

	// scene
	scene = new THREE.Scene();
	
	// camera
	camera = new THREE.PerspectiveCamera( 40, window.innerWidth / window.innerHeight, 0.1, 100 );
	camera.position.set( 20, 20, 20 );

	// controls
	controls = new THREE.OrbitControls( camera );
	
	// axes
	scene.add( new THREE.AxisHelper( 20 ) );

	// geometry
	var geometry = new THREE.CubeGeometry( 2, 2, 2 );
	
	// material
	var material = new THREE.MeshBasicMaterial( {
		color: 0xffffff, 
		wireframe: true
	} );
	
	// parent
	parent = new THREE.Object3D();
	scene.add( parent );

	// pivots
	var pivot1 = new THREE.Object3D();
	var pivot2 = new THREE.Object3D();
	var pivot3 = new THREE.Object3D();
	pivot1.rotation.z = 0;
	pivot2.rotation.z = 2 * Math.PI / 3;
	pivot3.rotation.z = 4 * Math.PI / 3;;
	parent.add( pivot1 );
	parent.add( pivot2 );
	parent.add( pivot3 );

	// mesh
	var mesh1 = new THREE.Mesh( geometry, material );
	var mesh2 = new THREE.Mesh( geometry, material );
	var mesh3 = new THREE.Mesh( geometry, material );
	mesh1.position.y = 5;
	mesh2.position.y = 5;
	mesh3.position.y = 5;
	pivot1.add( mesh1 );
	pivot2.add( mesh2 );
	pivot3.add( mesh3 );
	
}

function animate() {

	requestAnimationFrame( animate );

	parent.rotation.z += 0.01;
    
	controls.update();

	renderer.render( scene, camera );

}