Skip to content

wbkd/awesome-node-based-uis

main
Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?
Code

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
Nov 14, 2022

Awesome Node-Based UIs

node-based ui

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

  • baklavajs - Graph/node editor for VueJs
  • beautiful-react-diagrams - React components and hooks to build diagrams
  • butterfly - Renderer for interactive diagrams and flowcharts
  • cytoscape.js - Canvas based renderer with utilities and algorithms
  • diagram-maker - Interactive editor for any graph-like data
  • Flowy - Flowchart library
  • flow-builder - React-based renderer for workflows and process diagrams
  • GoJS - Diagramming library with a focus on customization and interactivity
  • kedro-viz - Visualises Kedro data and machine-learning pipelines
  • litegraph.js - A graph node engine and editor
  • mermaid - Static diagrams for documentation
  • ngx-graph - Graph visualization library for Angular
  • nice-dag - Lightweight javascript library, which is used to present a DAG diagram
  • react-dag-editor - React component to create graphic user interface
  • 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
  • sigma.js - Visualization framework for large graphs
  • 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 - Layout algorithms
  • springy - Force directed graph layouts

Graph Utilities

  • behave-graph - Extensible behaviour-graph execution engine
  • graphlib - Helpers for directed graphs in JS
  • graphology - Utilities and algorithms for all kinds of graphs

Misc

  • flume - Business logic graph editor
  • mermaid - Flowchart and sequence diagrams generation
  • 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
  • imnodes - Node editor for dear imgui
  • node-editor - Node Editor built using dear imgui
  • nodeeditor - Dataflow programming framework
  • nodify - Modular controls for node-based editors

Rust Libraries

Swift Libraries

  • Flow - Swift Package Manager-based node graph editor

Go Libraries

Diagramming

  • d2 - Scripting language that turns text to diagrams

Applications

Workflow & Automation

  • Benthos Studio - Visual editing for the Benthos stream processor
  • Cables - Visual programming environment
  • Carto Workflows - Spatial analytics tool
  • Concourse CI - Container-based continuous thing-doer [OSS]
  • 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
  • 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 - Workflow builder to automate messaging
  • Patterns - Data processing and automation tool
  • Power Automate - Automation tool
  • 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

AI

  • Netron - Visualizer for machine learning models

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
  • 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
  • Y42 - Data pipeline tool

3D & Visuals

  • Armory3d - Game engine for Blender
  • Blackjack - Procedural modelling application [OSS]
  • Blender - 3D graphics suite for multiple rendering engines [OSS]
  • Cascade - Image editor [OSS]
  • Chainner - Image processing GUI [OSS]
  • Dynamo - Open Source Graphical Programming for Design [OSS]
  • Gaffer - Application for lookdev, lighting and automation [OSS]
  • Gimel Studio - 2D image editor [OSS]
  • Houdini - Procedural system for artists
  • Mixture - Unity plugin to create textures in realtime [OSS]
  • Natron - Compositing software for VFX and motion graphics [OSS]
  • Nodebox - App for visualization and generative design [OSS]
  • Nodes.io - Visual programming environment
  • Nodetoy - Shader tool
  • Notch - Motion graphics and interactive VFX in realtime
  • Origami Studio - UI design prototyping tool
  • Polygonjs - WebGL design tool [OSS]
  • Protongraph - Procedural content generation [OSS]
  • Puredata - Visual programming language for multimedia
  • Retrobatch - Batch image processing for macOS
  • VVVV - Visual live-programming environment

Audio

  • Audio Hijack - Audio recording and routing for macOS
  • Audulus - Modular synthesizer and DSP environment
  • Axiom - Realtime audio synthesizer [OSS]
  • Bespoke - Modular synthesizer [OSS]
  • Eternal - Audio and visual composition [OSS]
  • Kronos - Visual & textual programming language designed for musical signals
  • Max - Tool to create your own interactive software
  • Ossia score - Sequencer for audio-visual artists [OSS]
  • Reaktor - Modular digital signal processor
  • Zupiter - Synthesizer

Scripting

  • Natto - Javascript environment
  • noflo - Flow-based programming for Javascript [OSS]
  • PyFlow - Visual scripting framework for python [OSS]
  • Ryven - Visual scripting for python [OSS]

Diagramming