Awesome Node-Based UIs

A curated list with resources about node-based UIs.

Check out contributing.md for instructions on how to add a new link to the list.

Curators: Christopher, John and Moritz from React Flow

Javascript Libraries

Renderers

• beautiful-react-diagrams - A collection of React components and hooks to build diagrams
• cytoscape.js - Canvas based renderer that includes many utilities and algorithms
• diagram-maker - A library to display an interactive editor for any graph-like data
• kedro-viz - Visualises Kedro data and machine-learning pipelines
• litegraph.js - A graph node engine and editor
• mermaid - Static diagrams for documentation
• noflo - Flow-based programming for JavaScript
• react-digraph - A library for creating directed graph editors
• react-flow - React library for rendering node-based UIs
• reaflow - React library for building workflow editors
• rete - Framework for visual programming and node editors
• vue-flow - Flowchart component for Vue 3
• X6 - Diagramming library that uses SVG and HTML

Layouting

• elkjs - A port of the Java ELK layouting library to Javascript
• d3-hierarchy - Helpers and algorithms for working with hierarchical graphs
• d3-force - Library for creating interactive force directed graphs
• d3-dag - D3 plugin to work with DAG data structures
• dagrejs - Directed graph layout algorithms for Javascript
• graphology-layout - Javascript library that contains different layout algorithms
• springy - Force directed graph layouts

Graph Utilities

• behave-graph - extensible behaviour-graph execution engine
  • behave-flow - UI for behave-graph using react-flow
• graphlib - Helpers for directed graphs in JS
• graphology - Utilities and algorithms for all kinds of graphs

• flume - Business logic graph editor

C Libraries

Renderers

• node-editor - Node Editor built using dear imgui
• nodeeditor - Dataflow programming framework
• nodify - Modular controls for node-based editors
• imnodes - Node editor for dear imgui

Rust Libraries

• egui_node_graph - Node applications using egui

Applications

Workflow & Automation

• Cables - Visual programming environment
• Controller Lab - Drag-and-drop tool for remapping input devices
• DoubleLoop - Node-based dashboard builder to monitor business metrics
• customer.io - Automated messaging platform
• Flowhub - Visual programming tool [OSS]
• Kelp - Build interactive data-driven apps for operational analytics
• Kuwala - Data Pipelines for BI analysists [OSS]
• Mode - Tool for exploratory analysis
• n8n - Workflow automation platform
• novu - Notification infrastructure for developers [OSS]
• OneSignal Journeys - Visual no-code workflow builder to automate messaging
• Patterns - Data processing and automation tool
• Power Automate - Automation tool
• whenthen - Payment orchestration
• workflow86 - Workspace to document, automate and manage business workflows

• Netron - Visualizer for machine learning models

Data Processing

• Cascade - Data transformation and visualization
• Datablocks - Data transformation and visualization
• Enso - Code based automation tool [OSS]
• Graphqleditor - Editor for GraphQL
• jsoncrack - JSON data visualizer
• Natto - Javascript environment
• node-red - Low-code programming for event-driven applications [OSS]
• Nifi - Data routing, transformation, and system mediation logic
• Rapidcanvas - Data science platform
• Slang - Data processing tool
• Stately - Application logic visualizer [OSS]
• Y42 - Data pipeline tool

3D & Visuals

• Blackjack - Procedural modelling application [OSS]
• Cascade - Image editor [OSS]
• Chainner - Image processing GUI [OSS]
• Gaffer - Application for lookdev, lighting and automation [OSS]
• Houdini - Procedural system for artists
• Mixture - Unity plugin to create textures in realtime [OSS]
• Nodebox - App for visualization and generative design [OSS]
• Nodes.io - Visual programming environment
• Nodetoy - Shader tool
• Ossia score - Sequencer for audio-visual artists [OSS]
• Polygonjs - WebGL design tool [OSS]
• Protongraph - Procedural content generation [OSS]
• VVVV - Visual live-programming environment

Audio

• Axiom - Realtime audio synthesizer [OSS]
• Bespoke - Modular synthesizer
• Eternal - Audio and visual composition [OSS]
• Kronos - Visual & textual programming language designed for musical signals
• Max - Tool to create your own interactive software.
• Reaktor - Modular digital signal processor
• Zupiter - Synthesizer

Diagramming

• diagrams.net - also known as draw.io
• FigJam
• [Knotend][https://www.knotend.com/] - Keyboard-centric flowchart editor
• Lucidchart
• Miro