> We recommend using the [ES6 package `@babylonjs/node-editor`](https://www.npmjs.com/package/@babylonjs/node-editor) for new projects.
The Node Material Editor is a visual tool for creating and editing Node Materials in Babylon.js.
The GUI Editor is a visual tool for creating and modifying GUI layouts for Babylon.js scenes.
Getting started? Play directly with the Babylon.js API using our [playground](https://playground.babylonjs.com/). It also contains a lot of samples to learn how to use it.
For usage documentation please visit https://doc.babylonjs.com/features/featuresDeepDive/importers/loadingFileTypes/.
> We recommend using the [ES6 package `@babylonjs/node-geometry-editor`](https://www.npmjs.com/package/@babylonjs/node-geometry-editor) for new projects.
React for Babylon.js
The Node Geometry Editor is a visual tool for creating and editing procedural geometry using a node-based graph in Babylon.js.
> We recommend using the [ES6 package `@babylonjs/node-render-graph-editor`](https://www.npmjs.com/package/@babylonjs/node-render-graph-editor) for new projects.
> We recommend using the [ES6 package `@babylonjs/node-particle-editor`](https://www.npmjs.com/package/@babylonjs/node-particle-editor) for new projects.
The Node Render Graph Editor is a visual tool for creating and editing render graphs using a node-based graph in Babylon.js.
For usage documentation please visit the [materials library documentation](https://doc.babylonjs.com/toolsAndResources/assetLibraries/materialsLibrary/).
For usage documentation please visit the [GUI documentation](https://doc.babylonjs.com/features/featuresDeepDive/gui/).
The Node Particle Editor is a visual tool for creating and editing particle systems using a node-based graph in Babylon.js.
> We recommend using the [ES6 package `@babylonjs/gui-editor`](https://www.npmjs.com/package/@babylonjs/gui-editor) for new projects.
To install using npm:
A collection of addons and extensions for Babylon.js.
> We recommend using the [ES6 package `@babylonjs/core`](https://www.npmjs.com/package/@babylonjs/core) for new projects. This UMD package is provided for compatibility.
The Babylon Inspector is a diagnostic tool that makes it possible to view and edit the scene graph, properties of entities within the scene, and more.
> We recommend using the [ES6 package `@babylonjs/loaders`](https://www.npmjs.com/package/@babylonjs/loaders) for new projects.
> We recommend using the [ES6 package `@babylonjs/gui`](https://www.npmjs.com/package/@babylonjs/gui) for new projects.
> We recommend using the [ES6 package `@babylonjs/materials`](https://www.npmjs.com/package/@babylonjs/materials) for new projects.
The Babylon Viewer aims to simplify a specific but common Babylon.js use case: loading, viewing, and interacting with a 3D model.
> We recommend using the [ES6 package `@babylonjs/serializers`](https://www.npmjs.com/package/@babylonjs/serializers) for new projects.