Three.js Has a Free API That Puts 3D Graphics in Any Web Browser

Three.js is the 3D library that powers thousands of immersive web experiences. Its API gives you WebGL, WebGPU, and physics — all in JavaScript. Scene Setup: 3D in 10 Lines import * as THREE from " three " ; const scene = new THREE . Scene (); const camera = new THREE . PerspectiveCamera ( 75 , window . innerWidth / window . innerHeight , 0.1 , 1000 ); const renderer = new THREE . WebGLRenderer ({ antialias : true }); renderer . setSize ( window . innerWidth , window . innerHeight ); renderer . setPixelRatio ( window . devicePixelRatio ); document . body . appendChild ( renderer . domElement ); camera . position . z = 5 ; function animate () { requestAnimationFrame ( animate ); renderer . render ( scene , camera ); } animate (); Geometry + Materials API // Built-in geometries const box = new THREE . BoxGeometry ( 1 , 1 , 1 ); const sphere = new THREE . SphereGeometry ( 1 , 32 , 32 ); const torus = new THREE . TorusKnotGeometry ( 1 , 0.3 , 100 , 16 ); // PBR Materials const material = n