NodeToy

A web-based node editor for creating, sharing, and using shader graphs.

  • Visual
Visit NodeToy official site

What it is

NodeToy is a browser-based shader editor. It provides a node graph for creating materials, a scene editor, custom shader expressions, and sharing or forking of published graphs.

Why it is selected

It bridges visual experimentation and web implementation: its material workflow is built for Three.js and React Three Fiber, while custom expressions leave room for shader code when nodes are not enough.

Who it suits

Creative developers and 3D web teams working with shaders, Three.js, or React Three Fiber.

Useful for

  • Testing a material graph before integration
  • Forking a published shader experiment
  • Combining node-based work with custom shader code

Bitspace

A browser-based space for exploring creative computation through connected visual prototypes.

  • creative-coding
  • prototyping
  • visual-programming

cables

A visual tool for building interactive web graphics without starting from typed code.

  • visual-programming
  • webgl
  • interactive

Nodes

A visual programming environment that treats code as reusable blocks on a canvas.

  • visual-programming
  • creative-coding
  • 3d