# The Node Material Editor

> Learn all about the powerful Node Material Editor in Babylon.js.

Source: https://doc.babylonjs.com/toolsAndResources/nme

## Creating Shaders The Easy Way

Creating shaders can be a dense and complicated process, often requiring knowledge of GLSL and a strong understanding of how shaders work. Starting with Babylon.js 4.1, the Node Material Editor was introduced. This visual editor lets you connect blocks together to make shaders. It's really that simple.

![Babylon.js Node Material Editor](https://doc.babylonjs.com/img/how_to/Materials/nme1.webp)

You can jump in and play around with it here: [Node Material Editor: Node Material Editor](https://nme.babylonjs.com/) - The starting basic template for creating Node Materials.

For an introductory look at the Node Material Editor, check out where it all started with this video:

[YouTube video](https://www.youtube.com/watch?v=34uIGJH0ySU)

When you're ready to learn more, head on over to the [Node Material Documentation](https://doc.babylonjs.com/features/featuresDeepDive/materials/node_material/nodeMaterial) for more info.

You can also dive into the API that powers it all here: [API documentation.](https://doc.babylonjs.com/typedoc/classes/babylon.nodematerial)

One handy tip in the Node Material Editor preview window is that you can CTRL+hover to see the RGB values.

![Babylon.js Node Material Editor](https://doc.babylonjs.com/img/how_to/Materials/nmeRGBTrick.webp)

## Videos

- [Node-Based Procedural Textures](https://youtu.be/qqMuuSM7GvI)
- [Creating Procedural Node Materials Through Code](https://youtu.be/GrmVObi6caQ)
- [Node Material Post Processes](https://youtu.be/QTuL5raapQQ)
- [Node Material Editor Particles!!!!](https://youtu.be/fZvZMXDoVp4)
- [Interactive Hex Tile Series](https://www.youtube.com/playlist?list=PLsaE__vWcRamMC5oJwhrSj3x3jT9TWOPB)
- [Unraveling Advanced Anisotropic Reflections](https://youtu.be/Zk0A5UzNLNw)
- [Diving Into the Audio Engine Part 1](https://youtu.be/lVfx6sf9zPY)
- [Diving Into the Audio Engine Part 2](https://youtu.be/0uxbFb-cVds)
- [Shader Fun with Polar Coordinates](https://youtu.be/n5WuGHmSZgk)
- [The Power of Morph Targets](https://youtu.be/QlCZAWW4TcI)
- [Procedural Terrain using the Raw Texture feature](https://youtu.be/YKqXcrWliww)
- [Node Material Glow Effects](https://youtu.be/5ZuM-WLqEPQ)
- [Mystery Demo Tutorial Series](https://www.youtube.com/playlist?list=PLsaE__vWcRam5eDcUlGHvylTaATXCAQnC)
- [Happy Holidays Node Material Displacement Demo](https://youtu.be/bnv58YH7lw0)
- [Node Material Ink Shader Tutorial](https://youtu.be/0re82mEd1n8)
- [Node Material Editor Graph Updates](https://youtu.be/uHjAoHnMwDo)
- [Fun with Light Textures](https://youtu.be/n2DLnMa21K0)
- [Lighting in Node Material](https://youtu.be/BU9BTUkdYDY)
- [Node Material Toon Shader Video Series](https://www.youtube.com/playlist?list=PLsaE__vWcRamJgV-PFPvFNgRZEjbu4Muj)
- [Node Material Editor Step Node Switches](https://youtu.be/FwtFroNMmxw)
- [Using Your Materials in the Node Material Editor](https://youtu.be/F0Lh73I_6Z8)
- [Lights and Textures in the Node Material Editor](https://youtu.be/fLXYhGhCejc)
- [Working with the Vertex Shader in the Node Material Editor](https://youtu.be/B5BO3nFc55s)
- [Sneak peek at the powerful new Node Material Editor](https://youtu.be/34uIGJH0ySU)

## Further reading

- [Node Material](https://doc.babylonjs.com/features/featuresDeepDive/materials/node_material/nodeMaterial)
- [Dedicated NME Forum Examples](https://forum.babylonjs.com/t/node-materials-examples/6048)
- [3 Tips For Getting Started Building Procedural Node Material Shaders](https://babylonjs.medium.com/procedural-node-material-shaders-3-tips-for-getting-started-4089c1832dfc)
- [Mesh shattering with baked physics](https://babylonjs.medium.com/mesh-shattering-with-baked-physics-5b3f8f381743)
- [Fighting Self-Doubt, with Water](https://babylonjs.medium.com/fighting-self-doubt-with-water-3b1509218009)
- [Creating the Babylon.js Node Material](https://babylonjs.medium.com/creating-the-babylon-js-node-material-6893b3abe4df)

## Pages in this section

- [Node Material Editor Custom Frames](https://doc.babylonjs.com/toolsAndResources/nme/customFrames.md): Learn all about how to create custom frames in the super handy Node Material Editor.
- [Node Material Editor Custom Blocks](https://doc.babylonjs.com/toolsAndResources/nme/customBlocks.md): Learn all about how to create custom blocks in the super handy Node Material Editor.
- [Usage with the Smart Filter Editor](https://doc.babylonjs.com/toolsAndResources/nme/nmeToSfe.md): Learn how to create shader blocks for the Smart Filter Editor using Node Material Editor
