JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container"></div>
		<div id="container2"></div>



<script src="https://threejs.org/build/three.min.js"></script>

<script src="https://threejs.org/examples/js/controls/OrbitControls.js"></script>

<script src="https://threejs.org/examples/js/loaders/GLTFLoader.js"></script>


	<script type="module">

			import * as THREE from 'https://threejs.org/build/three.module.js';

			import { EffectComposer } from 'https://threejs.org/examples/jsm/postprocessing/EffectComposer.js';
			import { RenderPass } from 'https://threejs.org/examples/jsm/postprocessing/RenderPass.js';
			import { ShaderPass } from 'https://threejs.org/examples/jsm/postprocessing/ShaderPass.js';
			import { CopyShader } from 'https://threejs.org/examples/jsm/shaders/CopyShader.js';
			import { FXAAShader } from 'https://threejs.org/examples/jsm/shaders/FXAAShader.js';

			let camera, scene, renderer, renderer2, clock, group, container, container2;

			let composer1, composer2, fxaaPass;


			function init() {

				container = document.getElementById( 'container' );
				container2 = document.getElementById( 'container2' );

				camera = new THREE.PerspectiveCamera( 45, ( container.offsetWidth ) / container.offsetHeight, 1, 2000 );
				camera.position.z = 500;

				scene = new THREE.Scene();
				scene.background = new THREE.Color( 0xffffff );
				scene.fog = new THREE.Fog( 0xcccccc, 100, 1500 );

				clock = new THREE.Clock();

				//

				const hemiLight = new THREE.HemisphereLight( 0xffffff, 0x444444 );
				hemiLight.position.set( 0, 1000, 0 );
				scene.add( hemiLight );

				const dirLight = new THREE.DirectionalLight( 0xffffff, 0.8 );
				dirLight.position.set( - 3000, 1000, - 1000 );
				scene.add( dirLight );

				//

				group = new THREE.Group();

				const geometry = new THREE.TetrahedronBufferGeometry( 10 );
				const material = new THREE.MeshStandardMaterial( { color: 0xee0808, flatShading: true } );

				for ( let i = 0; i < 100; i ++ ) {

					const mesh = new THREE.Mesh(...

CSS

body {
				background-color: #fff;
				color: #222;
			}

			a {
				color: #08f;
			}

			#container {
				position: absolute;
				top: 80px;
				width: 50%;
				bottom: 0px;
				left: 0px;
			}
			#container2 {
				position: absolute;
				top: 80px;
				width: 50%;
				bottom: 0px;
				right: 0px;
			}