Skip to content
59

Awesome Node-Based UIs

A curated list with resources about node-based UIs

3.7k stars211 forks149 entriesLast push Jun 29, 2025 (1 year ago)License CC0-1.0

This page lists names, links and short descriptions. The original list on GitHub is the source and belongs to its authors.

Javascript Libraries >Renderers

baklavajs

Graph/node editor for VueJs

beautiful-react-diagrams

React components and hooks to build diagrams

butterfly

Renderer for interactive diagrams and flowcharts

In 4 lists

cytoscape.js

Canvas based renderer with utilities and algorithms

In 4 lists

diagram-maker

Interactive editor for any graph-like data

Flowy

Flowchart library

In 3 lists

flow-builder

React-based renderer for workflows and process diagrams

Foblex Flow

Angular library for rendering node-based UIs

In 2 lists

GoJS

Diagramming library with a focus on customization and interactivity

In 2 lists

jointjs

JavaScript diagramming library

jsplumb

Open source project written in Typescript that gives you the tools you need to visually connect DOM elements

kedro-viz

Visualises Kedro data and machine-learning pipelines

In 2 lists

litegraph.js

A graph node engine and editor

In 4 listsDetails

mermaid

Static diagrams for documentation

In 3 lists

ngx-graph

Graph visualization library for Angular

In 2 lists

ngx-vflow

An open source library to build node-based UI with Angular

In 2 lists

nice-dag

Lightweight javascript library, which is used to present a DAG diagram

nodl

Framework for computational node graphs

In 2 lists

react-dag-editor

React component to create graphic user interface

react-digraph

A library for creating directed graph editors

In 3 lists

React Flow

React library for rendering node-based UIs

In 3 lists

reaflow

React library for building workflow editors

In 2 lists

rete

Framework for visual programming and node editors

In 3 lists

Sequential Workflow Designer

Workflow builder component for any JavaScript framework

In 2 lists

sigma.js

Visualization framework for large graphs

In 4 listsDetails

vue-flow

Flowchart component for Vue 3

In 2 lists

X6

Diagramming library that uses SVG and HTML

yFiles

Library for visualizing, editing and analyzing graphs

Javascript Libraries >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

In 2 lists

d3-dag

D3 plugin to work with DAG data structures

dagrejs

Directed graph layout algorithms for Javascript

In 2 lists

graphology-layout

Layout algorithms

springy

Force directed graph layouts

Javascript Libraries >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

In 2 lists

Javascript Libraries >Misc

flume

Business logic graph editor

mermaid

Flowchart and sequence diagrams generation

In 4 lists

pintora

Text-to-diagrams library

quick-erd

Generate entity-relationship diagrams (ERD) from text, and reverse engineer ERD text from live database

C Libraries >Renderers

graphviz

Graph visualization software

In 6 listsDetails

imnodes

Node editor for dear imgui

node-editor

Node Editor built using dear imgui

In 2 lists

nodeeditor

Dataflow programming framework

In 4 lists

.NET Libraries

Blazor.Diagrams

A fully customizable and extensible all-purpose diagrams library for Blazor.

nodify

A collection of WPF controls for node based editors designed for MVVM.

NodeNetwork

A C# library with a WPF node editor component based on ReactiveUI.

STNodeEditor

A node editor based in Windows Forms and GDI that offers extensive properties and events for streamlined data interaction between nodes.

Rust Libraries

egui_node_graph

Node applications using egui

egui-snarl

Crate for creating and manipulating node-graph UIs

Swift Libraries

Flow

Swift Package Manager-based node graph editor

Go Libraries >Diagramming

d2

Scripting language that turns text to diagrams

In 4 lists

Applications >Workflow & Automation

Benthos Studio

Visual editing for the Benthos stream processor

Cables

Visual programming environment

In 2 lists

Carto Workflows

Spatial analytics tool

Concourse CI

Container-based continuous thing-doer [OSS]

In 3 lists

Controller Lab

Drag-and-drop tool for remapping input devices

Dopt

Visual flow builder + APIs/SDKs for powering user onboarding and engagement experiences

Dots

No-code bot builder for Discord community onboarding & engagement

DoubleLoop

Dashboard builder to monitor business metrics

customer.io

Automated messaging platform

FME

ETL tool with spatial data support

In 2 lists

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

In 9 listsDetails

novu

Notification infrastructure for developers [OSS]

In 5 listsDetails

OneSignal Journeys

Workflow builder to automate messaging

Patterns

Data processing and automation tool

Power Automate

Automation tool

Proxeus

Workflow builder for secure documents and more [OSS]

Retool Workflows

ETL tool for Retool

Stately

Application logic visualizer [OSS]

Tracardi

Customer Journey Automation tool [OSS]

whenthen

Payment orchestration

workflow86

Workspace to document, automate and manage business workflows

Applications >AI

Cellulose

Machine Learning Model visualizer and optimization tool

Netron

Visualizer for machine learning models

In 15 listsDetails

ComfyUI

Stable Diffusion GUI

In 7 listsDetails

CraftGen

Visually build and orchestrate powerful AI agents.

Applications >Diagramming

diagrams.net

also known as draw.io

In 2 lists

FigJam

Flowchart Fun

Generate flowcharts and diagrams from text [OSS]

In 2 lists

Grapher

Flowchart tool [OSS]

Knotend

Keyboard-centric flowchart editor

Lucidchart

Lucidchart is the intelligent diagramming application that brings teams together to make better decisions and build the future.

In 7 listsDetails

Mermaid Live

Edit, preview and share mermaid charts/diagrams [OSS]

In 2 lists

Miro

The online collaborative whiteboard platform to bring teams together, anytime, anywhere.

In 4 listsDetails

nomnoml

Tool for drawing UML diagrams [OSS]

In 2 lists

QuikFlow

Create flowcharts with a mindmapping workflow

In 2 lists

Terrastruct

Visualize software architecture

In 2 lists

Applications >Data Processing

Cascade

Data transformation and visualization

CodeNect

Visual Programming Software that transpiles to C

Datablocks

Data transformation and visualization

Easy Data Transform

Data transformation tool

Enso

Code based automation tool [OSS]

Graphqleditor

Editor for GraphQL

jsoncrack

JSON data visualizer

In 2 lists

node-red

Low-code programming for event-driven applications [OSS]

In 8 listsDetails

Nifi

Data routing, transformation, and system mediation logic

In 5 listsDetails

Rapidcanvas

Data science platform

Slang

Data processing tool

Y42

Data pipeline tool

In 2 lists

Orange Data Mining

Data mining and processing tool [OSS]

Applications >3D & Visuals

Plantarium

Procedural browser-based plant modelling [OSS]

Alma

Digital playground for visual experiences

Armory3d

Game engine for Blender

Blackjack

Procedural modelling application [OSS]

Blender

3D graphics suite for multiple rendering engines [OSS]

In 16 listsDetails

Cascade

Image editor [OSS]

In 2 lists

Chainner

Image processing GUI [OSS]

In 2 lists

ComfyUI

Stable Diffusion GUI

In 7 listsDetails

Dynamo

Open Source Graphical Programming for Design [OSS]

FFmpeg Explorer

Tool for exploring FFmpeg filters

Gaffer

Application for lookdev, lighting and automation [OSS]

In 2 lists

Gimel Studio

2D image editor [OSS]

Houdini

Procedural system for artists

In 3 lists

Mixture

Unity plugin to create textures in realtime [OSS]

Natron

Compositing software for VFX and motion graphics [OSS]

In 5 listsDetails

Nodebox

App for visualization and generative design [OSS]

Nodes.io

Visual programming environment

Nodetoy

Shader tool

Notch

Motion graphics and interactive VFX in realtime

In 2 lists

Origami Studio

UI design prototyping tool

In 6 listsDetails

Polygonjs

WebGL design tool [OSS]

Protongraph

Procedural content generation [OSS]

In 2 lists

Puredata

Visual programming language for multimedia [OSS]

In 3 lists

Retrobatch

Batch image processing for macOS

In 2 lists

VVVV

Visual live-programming environment

In 2 lists

Applications >Audio

Audio Hijack

Audio recording and routing for macOS

In 2 lists

Audulus

Modular synthesizer and DSP environment

Axiom

Realtime audio synthesizer [OSS]

Bespoke

Modular synthesizer [OSS]

In 2 lists

Eternal

Audio and visual composition [OSS]

Kronos

Visual & textual programming language designed for musical signals

Max

Tool to create your own interactive software

In 4 lists

Ossia score

Sequencer for audio-visual artists [OSS]

Reaktor

Modular digital signal processor

In 2 lists

Zupiter

Synthesizer

Applications >Scripting

flojoy

No code Python programming

Natto

Javascript environment

noflo

Flow-based programming for Javascript [OSS]

In 2 lists

PyFlow

Visual scripting framework for python [OSS]

Ryven

Visual scripting for python [OSS]

Regex Nodes

Analyze and build regular expressions in your browser [OSS]

In 2 lists

Applications >Misc

Twine

Tool for telling interactive, non-linear stories

In 2 lists
See category
93

Awesome Vue

vuejs/awesome-vue

🎉 A curated list of awesome things related to Vue.js

Fresh★ 74k1067 entriesPushed 5 days ago
93

Awesome DESIGN.md

VoltAgent/awesome-design-md

A collection of DESIGN.md files analysis by popular brand design systems. Drop one into your project and let coding agents generate a matching UI.

Fresh★ 119k74 entriesPushed 9 days ago
91

Awesome Angular

PatrickJS/awesome-angular

:page_facing_up: A curated list of awesome Angular resources

Fresh★ 10k1944 entriesPushed today
90

Awesome Blazor

AdrienTorris/awesome-blazor

Resources for Blazor, a .NET web framework using C#/Razor and HTML that runs in the browser with WebAssembly.

Fresh★ 9.4k375 entriesPushed today
88

Must-Watch CSS

AllThingsSmitty/must-watch-css

CSS talks you have to see covering CSS Grid, flexbox, custom variables, performance, frameworks, tooling, and more! 📺

Fresh★ 4.9k70 entriesPushed 6 days ago
87

Awesome React Native

jondot/awesome-react-native

Awesome React Native components, news, tools, and learning material!

Fresh★ 36k194 entriesPushed 1 month ago