Three.js Material Editor

Material Library

Add Material

Metal

Plastic

Glass

Workspace Panels

Switch between render settings, editing tools, light controls, and camera controls.

Render Settings

Configure high quality rendering and sample limits.

Enable High Quality

Sample Limit

High quality render: off

Scene Scale

Adjust the workspace baseline so large imported models remain readable.

Grid Scale Light Frame

Model Controls

Upload a GLB model and edit mesh hierarchy and material assignments.

Model Upload

No file selected

Transform

Geometry Info

Shadow

Create and manage shadow planes from a dedicated list.

Model Hierarchy

Material Editor

Material View Wireframe

Light Transform

Light Groups

Manage dedicated light groups and the lights that belong to this project.

Light Controls

Camera Lighting

Select a camera to edit the light profile used by that camera.

Environment

Control HDRI background, intensity, blur, and rotation.

Background HDRI Brightness

HDRI Blur

HDRI Rotation

HDRI Library

Choose an HDRI from public/hdri using its paired SVG preview.

Camera

Manage camera transform, limits, lens, and image response settings.

Collaboration

Session Control

Offline

Name Share Source Quality

Invite Link

LAN Addresses

No session

Controller: none