Recommendations for a node editor to create GLSL shaders for WebGL and Threejs?

This page summarizes the projects mentioned and recommended in the original post on /r/webgl
3D Animation React Webgl Threejs

SurveyJS
Our great sponsors
  • SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
  • WorkOS - The modern identity platform for B2B SaaS
  • InfluxDB - Power Real-Time Data Analytics at Scale
Our great sponsors

  • react-three-fiber

    🇨🇭 A React renderer for Three.js

    • The shader ecosystem on the web is definitely not led by visual scripting approaches, but some exist. You may need to buy into also using a game engine, since that's the most common use case. Also, I'm aware that the React Three Fibre folks (https://github.com/pmndrs/react-three-fiber) are working on a visual editor, but it seems like that's not dropped yet (and I'm not sure if it's for shaders).

  • nodes-io

    A new way to create with code.

    • - https://nodes.io/ seems to be closest to what you're looking for, and certainly looks the most polished. Their visual scripting / node editor is pretty good, but I don't know how it integrates with / overlaps onto three.js

  • SurveyJS

    Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

    SurveyJS logo

  • polygonjs

    node-based WebGL design tool

    • And the engine is open source https://github.com/polygonjs/polygonjs , if that helps.

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts