Dev Tools

three.js Editor — In-Browser 3D Scene Editor

Build, edit, and export 3D scenes in your browser with the official three.js Editor: add geometries, lights, and cameras, tweak materials, write scripts, and import glTF/OBJ/FBX models. Runs entirely client-side — nothing you create or import is ever uploaded.

Related tools

About three.js Editor — In-Browser 3D Scene Editor

The three.js Editor is the official scene editor bundled with three.js (mrdoob/three.js, MIT) — a full in-browser 3D authoring tool built on WebGL. Add geometries, lights, cameras, and groups; edit transforms and materials; write per-object scripts; import glTF, OBJ, FBX, STL, and more; and export your scene to JSON or a self-contained app. It is self-hosted straight from the three.js source and runs entirely in your browser; nothing you create or import is uploaded to any server by this site.

How to use

  1. Use the Add menu to drop geometries, lights, and cameras into the scene, or drag-and-drop a model file (glTF/OBJ/FBX/STL) onto the viewport.
  2. Select an object and use the right-hand sidebar to edit its transform, geometry, and material properties.
  3. Use File → Export to save your scene as JSON or a runnable app; your work also autosaves locally in the browser.

Frequently asked questions

Is my data uploaded anywhere?
No — the editor runs entirely in your browser. Everything you create or import stays on your machine (autosaved to local storage) and is never sent to a server by this site.
Which 3D formats can I import?
It imports glTF/GLB, OBJ, FBX, STL, PLY, Collada, 3MF, and several other formats supported by three.js loaders, plus its own scene JSON.
Do I need WebGL?
Yes. The 3D viewport requires a WebGL-capable browser; almost all modern desktop and mobile browsers qualify.
Is this the real three.js Editor?
Yes — it is the official editor served straight from the open-source mrdoob/three.js source (MIT), with only import paths adjusted for self-hosting.