All

Calculate and align children within their parent using bounding boxes.

Make objects always face the camera automatically.

Apply smooth camera shake to the active camera.

Project a texture onto a mesh's surface — with an optional in-canvas editor UI.

Render visible edges of objects with enhanced visual quality.

Uniformly scale and position children to fit into a defined space.

Make content float like magic with smooth animations.

Cut out areas of the screen using the stencil buffer.

Create inverted-hull outlines using parent geometry.

Distribute instances on mesh surfaces using MeshSurfaceSampler.

Scale objects to screen space where 1 unit equals 1 pixel.

Position objects in front of the camera with CSS-like positioning.

Is similar to OrbitControls yet supports smooth transitions and more features.

WASD on QWERTY keyboards or equivalent keys on non-QWERTY keyboards

similar to OrbitControls but for map views

Allows you to orbit around the scene

Allows you to capture the mouse movement and simulate a first person camera

Set of three gizmos that can be used to translate, rotate and scale objects

A composable to load GLTF models in TresJS scenes.

A component based on useGLTF to load models in TresJS scenes.

A composable to load FBX models in TresJS scenes.

A component based on useFBX to load models in TresJS scenes.

A composable to load textures in TresJS scenes.

A composable to load multiple textures efficiently in TresJS scenes.

A composable to load and render SVG files as 3D geometry in TresJS scenes.

A composable to track loading progress of assets in TresJS scenes.

A composable to load video textures in TresJS scenes.

Extends Three.js' material library with your own Vertex and Fragment shaders.

Makes a geometry look like glass by re-defining the MeshPhysicalMaterial.

A simple to use holographic material for TresJS with vibrant colors, dynamic scanlines, and futuristic brilliance.

Hides the object it's attached to while keeping shadows and children visible.

Render a separate child scene into a portal surface, perspective-correct and masked by the mesh. Ported from drei.

Makes floors or walls that reflect the objects in your Scene.

A glass-like transmission material with chromatic aberration, distortion, and backside support. Ported from drei.

Extends THREE.PointsMaterial to render points as dots rather than squares.

Makes a geometry wobble and wave around with customizable speed and factor.

Short-cut for a BoxGeometry and a MeshBasicMaterial with a Mesh object.

Allows you to make smooth 3D lines using Catmull-Rom curves.

Short-cut for a CircleGeometry and a MeshBasicMaterial with a Mesh object.

Short-cut for a ConeGeometry and a MeshBasicMaterial with a Mesh object.

Renders a Line2 between start and end points with two control points.

Short-cut for a CylinderGeometry and a MeshBasicMaterial with a Mesh object.

Short-cut for a DodecahedronGeometry and a MeshBasicMaterial with a Mesh object.

Shader-based grid plane with customizable cell and section lines.

Short-cut for a IcosahedronGeometry and a MeshBasicMaterial with a Mesh object.

Component for creating 3D lines using Three.js's Line2.

Short-cut for a OctahedronGeometry and a MeshBasicMaterial with a Mesh object.

Short-cut for a PlaneGeometry and a MeshBasicMaterial with a Mesh object.

Renders a Line2 between start and end points with an optional control point.

Short-cut for a RingGeometry and a MeshBasicMaterial with a Mesh object.

Short-cut for a RoundedBoxGeometry and a MeshBasicMaterial with a Mesh object.

Short-cut for a RoundedPlaneGeometry and a MeshBasicMaterial with a Mesh object.

A triangle that fills the screen for full-screen fragment shader work.

Short-cut for a SphereGeometry and a MeshBasicMaterial with a Mesh object.

Produces a configurable 3D plot of the superformula.

Short-cut for a TetrahedronGeometry and a MeshBasicMaterial with a Mesh object.

Short-cut for a TorusGeometry and a MeshBasicMaterial with a Mesh object.

Short-cut for a TorusKnotGeometry and a MeshBasicMaterial with a Mesh object.

Short-cut for a TubeGeometry and a MeshBasicMaterial with a Mesh object.

Handles instantiation, updates, and removal/disposal of THREE Helpers.

Level of Detail - show meshes with more or less geometry based on distance from camera.

JavaScript performance monitor to track FPS, MS, and memory usage.

WebGL performance monitoring tool displaying CPU and GPU metrics.

Speed up raycasting with Bounding Volume Hierarchy (BVH) optimization.

DirectionalLight-based shadow component with progressive accumulation.

Bakes shadows in the first frame for performance optimization.

Cheap, texture-based radial gradient shadow on a plane geometry.

Fake, non-lighting-based shadow component for single plane shadows.

Wraps the Three.js Lensflare with seeded random element generation.

Creates multiple lights and jiggles them for softer shadows.

Injects percent closer soft shadows (PCSS) into THREE's shader chunk.

Automatically sets up a global cubemap for scene environment and background.

Composable that sets up a global cubemap for scene environment and background.

Addon for environment component that provided you custom lights.

A curved plane studio backdrop for presentational purposes.

Wrapper for the Three.js Water add-on with sky reflection support.

Flexible infinite particle flow for rain, snow, waterfall, and beam effects.

Wrapper for the Three.js Sky add-on with sun position controls.

Beautiful smoke, cloud, and fog effect using textures and transparency.

Makes sparkles on geometry vertices, optionally guided by directional light.

Creates a complete stage setup with lighting, shadows, and environment.

Renders beautiful stars in the sky using Points and BufferGeometry.

Display 2D animations defined in a texture atlas.

Render environment maps for reflective objects.

Render to texture using Frame Buffer Objects.

Create gradient textures for materials.

Allows you put DOM elements in your Tres.js scene.

Display image textures with shader-based effects.

Create organic blob-like shapes using metaballs.

Create real-time reflections of your scene.

Create real-time refractive (glass-like) surfaces in your scene.

Render text in 3D using TextGeometry.

Calculate boundary box and center camera accordingly.

Add global sound to your scene.

Create parallax effects based on mouse movement.

Spatially positioned audio in 3D space.

Composable for managing model animations with AnimationMixer.

Export 3D objects to GLTF format.

Detect when objects enter or leave the screen.