Object Hierarchy
Upload a real .glb, .gltf, .obj, .stl, or .ply model and inspect its actual scene graph — toggle visibility, rename nodes, and click to select, exactly like a real 3D tool's outliner. Runs entirely in your browser.
What a Scene Graph Actually Is
A 3D file isn't one flat mesh — it's a tree. A car model might be a root "Assembly" node containing a "Body" group and a "Wheels" group, each holding individual mesh nodes. This outliner reads and displays that real, uploaded structure — the default assembly shown before you upload anything is a simple demonstration tree, not your file.
Why Visibility Toggling Matters
Hiding parts of a hierarchy without deleting them is exactly how real 3D tools let you isolate a single component to inspect it — for example checking a car's chassis mesh without the wheels blocking the view.
Renaming Is a Real Edit
Double-clicking a node here really sets that Three.js object's .name property in memory for this session — the same operation a DCC tool like Blender performs when you rename an object in its own outliner.
GLTF Keeps Its Real Structure
.glb/.gltf files preserve named node hierarchies from the original 3D application. .obj, .stl, and .ply are simpler formats with little or no hierarchy — you'll see that reflected here as a flatter tree.