react-three-editor
๐ A one of a kind scene editor that writes changes back into your code
File Explorer
Download Latest Version (.zip)- grass1-albedo-512.jpg
- vite.svg
- useDisplay.ts
- useHeightMap.ts
- useNaturalColor.ts
- Gizmo.tsx
- GUI.tsx
- Lights.tsx
- Terrain.tsx
- TerrainStats.tsx
- useFbmNoise.ts
- useProceduralTerrain.ts
- useSquareSurface.ts
- three-noise.module.ts
- useSettings.ts
- App.css
- App.tsx
- main.tsx
- vite-env.d.ts
- .gitignore
- .prettierrc
- index.html
- package.json
- README.md
- screenshot.jpg
- tsconfig.json
- tsconfig.node.json
- vite.config.ts
- Alpaca.gltf
- Bull.gltf
- character.glb
- Cow.gltf
- Deer.gltf
- Donkey.gltf
- Husky.gltf
- ShibaInu.gltf
- Stag.gltf
- 1656404.png
- 726a04a6-0802-498b-ab9a-9718162268d6.jpg
- 726a04a6-0802-498b-ab9a-9718162268d6.jpg
- bebas-neue-v9-latin-regular.woff
- hamburger.glb
- index.html
- BlockAxe.tsx
- BlockEnd.tsx
- BlockLimbo.tsx
- BlockSpinner.tsx
- BlockStart.tsx
- Bounds.tsx
- Experience.tsx
- Game.tsx
- Imagelist.tsx
- index.tsx
- Lights.tsx
- memo.tsx
- Player.tsx
- sphere.png
- style.css
- test-terrain.tsx
- index.html
- package.json
- README.md
- tsconfig.json
- vite.config.ts
- Parrot.glb
- Stork.glb
- Animation.tsx
- AutoDispose.tsx
- ClickAndHover.tsx
- ContextMenuOverride.tsx
- Gestures.tsx
- Gltf.tsx
- index.tsx
- Inject.tsx
- Layers.tsx
- Lines.tsx
- MultiMaterial.tsx
- MultiRender.tsx
- MultiView.tsx
- Pointcloud.tsx
- Portals.tsx
- Reparenting.tsx
- ResetProps.tsx
- Selection.tsx
- StopPropagation.tsx
- SuspenseAndErrors.tsx
- SuspenseMaterial.tsx
- SVGRenderer.tsx
- Test.tsx
- Update.tsx
- Viewcube.tsx
- ViewTracking.tsx
- App.tsx
- index.tsx
- styles.tsx
- global.d.ts
- .gitignore
- CHANGELOG.md
- favicon.svg
- index.html
- package.json
- tsconfig.json
- vite.config.ts
- draco_decoder.js
- draco_decoder.wasm
- draco_wasm_wrapper.js
- favicon.ico
- index.html
- logo192.png
- logo512.png
- manifest.json
- robots.txt
- scene_draco.glb
- Box.tsx
- EmptyComponentFile.tsx
- Rig.tsx
- Ship.tsx
- App.tsx
- index.tsx
- styles.css
- .prettierrc
- index.html
- package.json
- thumbnail.png
- tsconfig.json
- vite.config.ts
- 726a04a6-0802-498b-ab9a-9718162268d6.jpg
- road_texture.jpg
- coffee-transformed.glb
- index.html
- level-react-draco.glb
- Cactus.jsx
- Camera.jsx
- Icon.jsx
- Level.jsx
- Pyramid.jsx
- Sudo.jsx
- App.jsx
- index.jsx
- styles.css
- index.html
- package.json
- thumbnail.png
- vite.config.ts
- weathered_planks_diff_4k.jpg
- MagicMirror.tsx
- cover.png
- index.tsx
- cover.png
- index.tsx
- cover.png
- index.tsx
- cover.png
- dog.jpeg
- index.tsx
- cover.png
- dog.jpeg
- index.tsx
- overlay.png
- cover.png
- dog.jpeg
- index.tsx
- index.tsx
- cover.png
- index.tsx
- cover.png
- index.tsx
- cover.png
- index.tsx
- cover.png
- index.tsx
- cover.png
- index.tsx
- color.jpg
- minecraft.png
- cover.png
- index.tsx
- alpha.jpg
- ambientOcclusion.jpg
- color.jpg
- height.jpg
- metalness.jpg
- normal.jpg
- roughness.jpg
- nx.jpg
- ny.jpg
- nz.jpg
- px.jpg
- py.jpg
- pz.jpg
- nx.jpg
- ny.jpg
- nz.jpg
- px.jpg
- py.jpg
- pz.jpg
- nx.jpg
- ny.jpg
- nz.jpg
- px.jpg
- py.jpg
- pz.jpg
- nx.jpg
- ny.jpg
- nz.jpg
- px.jpg
- py.jpg
- pz.jpg
- 3.jpg
- 5.jpg
- 1.png
- 2.png
- 3.png
- 4.png
- 5.png
- 6.png
- 7.png
- 8.png
- checkerboard-1024x1024.png
- checkerboard-8x8.png
- minecraft.png
- cover.png
- index.tsx
- cover.png
- index.tsx
- NotoEmoji-Regular.ttf
- cover.png
- index.tsx
- cover.png
- index.tsx
- ambientOcclusion.jpg
- color.jpg
- normal.jpg
- roughness.jpg
- alpha.jpg
- ambientOcclusion.jpg
- color.jpg
- height.jpg
- metalness.jpg
- normal.jpg
- roughness.jpg
- ambientOcclusion.jpg
- color.jpg
- normal.jpg
- roughness.jpg
- cover.png
- index.tsx
- cover.png
- index.tsx
- cover.png
- index.tsx
- particle.png
- cover.png
- index.tsx
- cover.png
- index.tsx
- cover.png
- index.tsx
- cover.png
- index.tsx
- color.jpg
- cover.png
- index.tsx
- LeePerrySmith.glb
- LeePerrySmith_License.txt
- normal.jpg
- cover.png
- index.tsx
- chassis-draco.glb
- wheel-draco.glb
- chassis.tsx
- controls-text.ts
- lamp-post.tsx
- speed-text-tunnel.ts
- speed-text.ts
- traffic-cone.tsx
- vehicle.tsx
- wheel.tsx
- use-controls.ts
- use-page-active.ts
- rapier-raycast-vehicle.ts
- utils.ts
- constants.ts
- cover.png
- game-state.tsx
- index.tsx
- README.md
- cover.png
- index.tsx
- use-controls.ts
- Canvas.tsx
- index.tsx
- App.tsx
- DebugTunnel.tsx
- index.css
- Loader.tsx
- logo.svg
- main.tsx
- styles.ts
- vite-env.d.ts
- .gitignore
- .prettierrc
- index.html
- package.json
- README.md
- tsconfig.json
- tsconfig.node.json
- vite.config.ts
- workspace.json
- baked-02.jpeg
- index.html
- portal-2.glb
- App.jsx
- index.jsx
- styles.css
- .prettierrc
- index.html
- package.json
- thumbnail.png
- vite.config.ts
- draco_decoder.js
- draco_decoder.wasm
- draco_wasm_wrapper.js
- favicon.ico
- index.html
- logo192.png
- logo512.png
- manifest.json
- robots.txt
- scene_draco.glb
- App.tsx
- index.tsx
- Model.tsx
- styles.css
- .prettierrc
- index.html
- package.json
- thumbnail.png
- vite.config.ts
- CommandBar.tsx
- CommandManager.ts
- index.ts
- KeyboardCommands.tsx
- tunnel.ts
- useCommands.tsx
- utils.ts
- LICENSE
- package.json
- README.md
- tsconfig.json
- component-loader.ts
- index.ts
- createProp.tsx
- createPropTypes.tsx
- types.tsx
- element.tsx
- ElementIcon.tsx
- ElementName.tsx
- OpenInEditorButton.tsx
- tree.tsx
- TreeElement.tsx
- editable.tsx
- EditableContext.tsx
- EditableElement.ts
- editor.machine.ts
- editor.machine.typegen.ts
- Editor.tsx
- EditorContext.tsx
- EditorPlugin.tsx
- Helpers.tsx
- history.ts
- index.ts
- README.md
- Tree.tsx
- useControls.ts
- useEditor.ts
- LICENSE
- package.json
- README.md
- tsconfig.json
- DockedPanel.tsx
- FloatingPanel.tsx
- Panel.tsx
- PanelGhost.tsx
- PanelGroup.tsx
- PanelTitle.tsx
- ResizablePanels.tsx
- tunnels.tsx
- types.tsx
- index.ts
- PanelManager.tsx
- panels.machine.ts
- panels.machine.typegen.ts
- PanelsProvider.tsx
- usePanel.tsx
- usePanelManager.tsx
- LICENSE
- package.json
- README.md
- tsconfig.json
- index.tsx
- LICENSE
- package.json
- README.md
- tsconfig.json
- persisted.ts
- types.tsx
- index.ts
- settings.tsx
- store.tsx
- usePersistedControls.ts
- LICENSE
- package.json
- README.md
- tsconfig.json
- inter-var-latin.woff2
- style.css
- package.json
- Editor.tsx
- index.tsx
- InsertElement.tsx
- UI.tsx
- index.ts
- SetPosition.ts
- SetRotation.ts
- SetScale.ts
- BottomBar.tsx
- BoundsHelper.tsx
- CameraGizmos.tsx
- EditorCamera.tsx
- EditorControls.tsx
- EditorPanels.tsx
- ElementTransformControls.tsx
- FiberControls.tsx
- PerformanceControls.tsx
- SceneControls.tsx
- SelectedElementControls.tsx
- TransformHelper.tsx
- index.ts
- geometry.ts
- group.tsx
- index.tsx
- material.ts
- mesh.tsx
- plugins.tsx
- basic.ts
- common.ts
- index.tsx
- phong.ts
- physical.ts
- standard.ts
- index.tsx
- types.tsx
- camera.tsx
- eq.tsx
- geometries.ts
- gltf.tsx
- imageTexture.tsx
- index.tsx
- mesh.tsx
- ref.tsx
- replace.tsx
- texture.ts
- transform.tsx
- createEditorRoot.ts
- createEditorstore.ts
- rootControls.ts
- ComponentsTray.tsx
- editor.tsx
- EditorBounds.tsx
- EditorRoot.tsx
- ElementControls.tsx
- FiberRootManager.tsx
- index.ts
- SettingsProvider.tsx
- ThreeEditor.tsx
- ThreeEditorCanvas.tsx
- ThreeEditorProvider.tsx
- ThreeEventManager.tsx
- ThreeFloating.tsx
- ThreeTunnel.tsx
- types.ts
- useContextBridge.tsx
- useFrame.ts
- useScreenshotStore.tsx
- useWatchElement.tsx
- vite.ts
- package.json
- LICENSE.md
- package.json
- README.md
- tsconfig.json
- custom.tsx
- multiToggle.tsx
- toggle.tsx
- Chevron.tsx
- Collapsible.tsx
- ContextMenu.tsx
- ControlsPanel.tsx
- Floating.tsx
- HoveredIcon.ts
- ImageInput.tsx
- index.ts
- MultiToggle.tsx
- styled.ts
- StyledFolder.ts
- Tree.tsx
- tunnels.tsx
- useKeyboardShortcut.ts
- usePopin.tsx
- useToggle.ts
- LICENSE
- package.json
- README.md
- tsconfig.json
- babel.ts
- index.ts
- types.ts
- attribute-change.ts
- element.ts
- imports.ts
- index.ts
- configureServer.ts
- filesToSkipOnHmr.ts
- index.ts
- middlewares.ts
- babel.ts
- index.ts
- client.ts
- index.ts
- types.ts
- LICENSE
- package.json
- README.md
- tsconfig.json
- add-braces
- generic-identity
- identity
- to-while
- comments.d.ts
- comments.js
- fast-path.d.ts
- fast-path.js
- lines.d.ts
- lines.js
- mapping.d.ts
- mapping.js
- options.d.ts
- options.js
- parser.d.ts
- parser.js
- patcher.d.ts
- patcher.js
- printer.d.ts
- printer.js
- util.d.ts
- util.js
- _babel_options.d.ts
- _babel_options.js
- acorn.d.ts
- acorn.js
- babel-ts.d.ts
- babel-ts.js
- babel.d.ts
- babel.js
- babylon.d.ts
- babylon.js
- esprima.d.ts
- esprima.js
- flow.d.ts
- flow.js
- typescript.d.ts
- typescript.js
- .editorconfig
- .eslintrc.js
- .prettierignore
- .prettierrc.js
- LICENSE
- main.d.ts
- main.js
- package.json
- README.md
- tsconfig.json
- .editorconfig
- .eslintignore
- .eslintrc.json
- .gitignore
- .npmrc
- babel.config.js
- CODE_OF_CONDUCT.md
- docs.css
- jest.config.cjs
- LICENSE
- package.json
- pnpm-lock.yaml
- pnpm-workspace.yaml
- README.md
- tsconfig-package.json
- tsconfig.json
- turbo.json
- vercel.json
# Installation Guide
1. Get the code
git clone https://github.com/pmndrs/react-three-editor
Downloads the entire project code from GitHub to your computer.
cd react-three-editor
Moves into the project folder you just downloaded.
2. Official Install Script
Easy RecommendedPrerequisites
- Node.js Node.js must be installed to use npm.
npm install -g pnpm
Installs the package published on the npm registry globally โ no need to clone the source.
After installing, open a new terminal and run the program's version command (e.g. --version) to confirm it worked.
Pulled directly from this repo's README.
3. Node.js
EasyPrerequisites
npm install @react-three/editor -D
Downloads and installs the libraries listed in package.json.
npm run dev
Starts the development/run server.
npm install -g pnpm
Installs the package published on the npm registry globally โ no need to clone the source.
pnpm install
Downloads and installs the libraries listed in package.json.
pnpm run dev
Starts the development/run server.
After running the command, open the address shown in the terminal (usually something like http://localhost:3000) in your browser.
Pulled directly from this repo's README.
// repository documentation
Was this content helpful?
(0 ratings)
