NodeToy

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

Visit NodeToy official site

Overview

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 here

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.

Good fit for

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

Try it when

  • 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

Visual

cables

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

  • visual-programming
  • webgl
  • interactive

Visual

Nodes

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

  • visual-programming
  • creative-coding
  • 3d

Visual