Three.js geometry creation - built-in shapes, BufferGeometry, custom geometry, instancing. Use when creating 3D shapes, working with vertices, building custom…
Built-in and custom 3D geometry creation with BufferGeometry, instancing, and path-based shapes.
Includes 15+ built-in geometries: basic shapes (box, sphere, plane, cylinder, cone, torus), polyhedra (dodecahedron, icosahedron), and path-based forms (lathe, extrude, tube, text)
Custom BufferGeometry with typed arrays for vertices, indices, normals, UVs, and per-vertex colors; supports interleaved buffers for memory efficiency
InstancedMesh for rendering thousands of identical objects with per-instance transforms and colors; InstancedBufferGeometry for custom per-instance attributes
Utilities for merging geometries, computing tangents, wireframe/edge visualization, point clouds, and lines; includes morph targets and runtime modification patterns
Three.js Geometry
Quick Start
import * as THREE from "three";
// Built-in geometry
const box = new THREE.BoxGeometry(1, 1, 1);
const sphere = new THREE.SphereGeometry(0.5, 32, 32);
const plane = new THREE.PlaneGeometry(10, 10);
// Create mesh
const material = new THREE.MeshStandardMaterial({ color: 0x00ff00 });
const mesh = new THREE.Mesh(box, material);
scene.add(mesh);
Built-in Geometriesdon't have the plugin yet? install it then click "run inline in claude" again.