A JavaScript library for creating and editing node-based graphs in the browser, similar to Unreal Blueprints, with a built-in HTML5 Canvas2D editor.
LiteGraph.js is a JavaScript library for creating and editing node-based graphs, similar to Unreal Engine's Blueprints system. It provides a visual programming environment where developers can design, test, and execute graphs in the browser or on a server. The library solves the problem of building complex interactive systems, data pipelines, and visual scripting tools without heavy dependencies.
Web developers and creative coders building visual programming interfaces, dataflow applications, game logic editors, or interactive multimedia tools in the browser.
Developers choose LiteGraph.js for its lightweight, dependency-free design, built-in editor, and flexibility to run graphs both client-side and server-side. Its ease of integration and support for custom node creation make it ideal for embedding visual scripting into existing projects.
A graph node engine and editor written in Javascript similar to PD or UDK Blueprints, comes with its own editor in HTML5 Canvas2D. The engine can run client side or server side using Node. It allows to export graphs as JSONs to be included in applications independently.
Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.
The README emphasizes it as a single file with no external dependencies, making integration into existing web applications straightforward, as shown in the first project example.
Optimized to support hundreds of nodes per graph in both editing and execution modes, ensuring smooth performance for complex visual interfaces.
Includes search, keyboard shortcuts, multi-selection, and context menus out of the box, reducing the need for additional UI development.
Graphs can run in the browser or server-side with Node.js, offering flexibility, though with noted limitations for audio and graphics nodes.
Default nodes cover only basic categories like math and audio, requiring significant custom development for domain-specific use, as the README admits by encouraging new node creation.
Rendering on Canvas2D makes screen reader support challenging, and the documentation does not address accessibility features, which could hinder compliance in regulated environments.
As stated in the README, nodes involving audio, graphics, and input do not work in Node.js, limiting server-side execution for multimedia applications.
Litegraph.js is an open-source alternative to the following products:
Pure Data (PD) is a visual programming language for creating interactive computer music and multimedia works, developed by Miller Puckette.
Unreal Engine Blueprints is a visual scripting system within Unreal Engine that allows developers to create game logic and interactions without writing traditional code.