{"id":39761,"url":"https://github.com/xyflow/awesome-node-based-uis","name":"awesome-node-based-uis","description":"A curated list with resources about node-based UIs","projects_count":151,"last_synced_at":"2026-06-06T17:00:26.772Z","repository":{"id":63366037,"uuid":"565900522","full_name":"xyflow/awesome-node-based-uis","owner":"xyflow","description":"A curated list with resources about node-based UIs","archived":false,"fork":false,"pushed_at":"2025-06-29T08:11:39.000Z","size":110,"stargazers_count":3562,"open_issues_count":21,"forks_count":198,"subscribers_count":56,"default_branch":"main","last_synced_at":"2026-05-21T06:20:23.214Z","etag":null,"topics":["awesome-list","etl","node-based-ui","visual-programming","workflow-editor"],"latest_commit_sha":null,"homepage":"","language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"cc0-1.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/xyflow.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2022-11-14T15:05:31.000Z","updated_at":"2026-05-21T03:21:13.000Z","dependencies_parsed_at":"2023-02-08T06:01:02.488Z","dependency_job_id":"b6dcbd38-e96c-485c-9f9d-66c0f2007f33","html_url":"https://github.com/xyflow/awesome-node-based-uis","commit_stats":null,"previous_names":["xyflow/awesome-node-based-uis","wbkd/awesome-node-based-uis"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/xyflow/awesome-node-based-uis","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/xyflow%2Fawesome-node-based-uis","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/xyflow%2Fawesome-node-based-uis/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/xyflow%2Fawesome-node-based-uis/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/xyflow%2Fawesome-node-based-uis/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/xyflow","download_url":"https://codeload.github.com/xyflow/awesome-node-based-uis/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/xyflow%2Fawesome-node-based-uis/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":33990887,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-26T15:22:16.424Z","status":"online","status_checked_at":"2026-06-06T02:00:07.033Z","response_time":107,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"created_at":"2024-01-13T17:22:46.253Z","updated_at":"2026-06-06T17:00:26.773Z","primary_language":null,"list_of_lists":false,"displayable":true,"categories":["Applications","Javascript Libraries","C Libraries","Go Libraries",".NET Libraries","Swift Libraries","Rust Libraries"],"sub_categories":["3D \u0026 Visuals","Workflow \u0026 Automation","Data Processing","Renderers","Audio","Diagramming","Layouting","AI","Scripting","Misc","Graph Utilities"],"readme":"# Awesome Node-Based UIs\n\n![node-based ui](https://user-images.githubusercontent.com/2857535/202488299-e2950c46-d861-497a-8398-68eed494e77e.png)\n\nA curated list with resources about node-based UIs.\n\nCheck out [CONTRIBUTING.md](/CONTRIBUTING.md) for instructions on how to add a new link to the list.\n\nCurators: Christopher, John and Moritz from [React Flow](https://reactflow.dev) / [Svelte Flow](https://svelteflow.dev)\n\n## Javascript Libraries\n\n### Renderers\n\n- [baklavajs](https://github.com/newcat/baklavajs) - Graph/node editor for VueJs\n- [beautiful-react-diagrams](https://github.com/beautifulinteractions/beautiful-react-diagrams) - React components and hooks to build diagrams\n- [butterfly](https://github.com/alibaba/butterfly) - Renderer for interactive diagrams and flowcharts\n- [cytoscape.js](https://js.cytoscape.org/) - Canvas based renderer with utilities and algorithms\n- [diagram-maker](https://awslabs.github.io/diagram-maker) - Interactive editor for any graph-like data\n- [Flowy](https://github.com/alyssaxuu/flowy) - Flowchart library\n- [flow-builder](https://github.com/bytedance/flow-builder) - React-based renderer for workflows and process diagrams\n- [Foblex Flow](https://github.com/foblex/f-flow) - Angular library for rendering node-based UIs\n- [GoJS](https://gojs.net) - Diagramming library with a focus on customization and interactivity\n- [jointjs](https://www.jointjs.com) - JavaScript diagramming library\n- [jsplumb](https://jsplumbtoolkit.com/community) - Open source project written in Typescript that gives you the tools you need to visually connect DOM elements\n- [kedro-viz](https://github.com/kedro-org/kedro-viz) - Visualises Kedro data and machine-learning pipelines\n- [litegraph.js](https://github.com/jagenjo/litegraph.js) - A graph node engine and editor\n- [mermaid](https://mermaid-js.github.io/mermaid) - Static diagrams for documentation\n- [ngx-graph](https://github.com/swimlane/ngx-graph) - Graph visualization library for Angular\n- [ngx-vflow](https://github.com/artem-mangilev/ngx-vflow) - An open source library to build node-based UI with Angular\n- [nice-dag](https://github.com/eBay/nice-dag) - Lightweight javascript library, which is used to present a DAG diagram\n- [nodl](https://github.com/emilwidlund/nodl) - Framework for computational node graphs\n- [react-dag-editor](https://github.com/microsoft/react-dag-editor) - React component to create graphic user interface\n- [react-digraph](https://github.com/uber/react-digraph) - A library for creating directed graph editors\n- [React Flow](https://github.com/xyflow/xyflow) - React library for rendering node-based UIs\n- [reaflow](https://github.com/reaviz/reaflow) - React library for building workflow editors\n- [rete](https://github.com/retejs/rete/) - Framework for visual programming and node editors\n- [Sequential Workflow Designer](https://github.com/nocode-js/sequential-workflow-designer) - Workflow builder component for any JavaScript framework\n- [sigma.js](https://github.com/jacomyal/sigma.js) - Visualization framework for large graphs\n- [Svelte Flow](https://github.com/xyflow/xyflow) - Svelte library for rendering node-based UIs\n- [vue-flow](https://github.com/bcakmakoglu/vue-flow) - Flowchart component for Vue 3\n- [X6](https://github.com/antvis/X6) - Diagramming library that uses SVG and HTML\n- [yFiles](https://www.yworks.com/products/yfiles) - Library for visualizing, editing and analyzing graphs\n\n### Layouting\n\n- [elkjs](https://github.com/kieler/elkjs) - A port of the Java ELK layouting library to Javascript\n- [d3-hierarchy](https://github.com/d3/d3-hierarchy) - Helpers and algorithms for working with hierarchical graphs\n- [d3-force](https://github.com/d3/d3-force) - Library for creating interactive force directed graphs\n- [d3-dag](https://erikbrinkman.github.io/d3-dag/) - D3 plugin to work with DAG data structures\n- [dagrejs](https://github.com/dagrejs/dagre) - Directed graph layout algorithms for Javascript\n- [graphology-layout](https://graphology.github.io/standard-library/layout.html) - Layout algorithms\n- [springy](https://github.com/dhotson/springy) - Force directed graph layouts\n\n### Graph Utilities\n\n- [behave-graph](https://github.com/bhouston/behave-graph) - Extensible behaviour-graph execution engine\n  - [behave-flow](https://github.com/beeglebug/behave-flow) - UI for behave-graph using react-flow\n- [graphlib](https://github.com/dagrejs/graphlib) - Helpers for directed graphs in JS\n- [graphology](https://github.com/graphology/graphology) - Utilities and algorithms for all kinds of graphs\n\n### Misc\n\n- [flume](https://github.com/chrisjpatty/flume) - Business logic graph editor\n- [mermaid](https://github.com/mermaid-js/mermaid) - Flowchart and sequence diagrams generation\n- [pintora](https://github.com/hikerpig/pintora) - Text-to-diagrams library\n- [quick-erd](https://github.com/beenotung/quick-erd) - Generate entity-relationship diagrams (ERD) from text, and reverse engineer ERD text from live database\n\n## C Libraries\n\n### Renderers\n\n- [graphviz](https://graphviz.org/) - Graph visualization software\n- [imnodes](https://github.com/Nelarius/imnodes) - Node editor for dear imgui\n- [node-editor](https://github.com/thedmd/imgui-node-editor) - Node Editor built using dear imgui\n- [nodeeditor](https://github.com/paceholder/nodeeditor) - Dataflow programming framework\n\n## .NET Libraries\n\n- [Blazor.Diagrams](https://github.com/Blazor-Diagrams/Blazor.Diagrams) - A fully customizable and extensible all-purpose diagrams library for Blazor.\n- [nodify](https://github.com/miroiu/nodify) - A collection of WPF controls for node based editors designed for MVVM.\n- [NodeNetwork](https://github.com/Wouterdek/NodeNetwork) - A C# library with a WPF node editor component based on ReactiveUI.\n- [STNodeEditor](https://github.com/DebugST/STNodeEditor) - A node editor based in Windows Forms and GDI that offers extensive properties and events for streamlined data interaction between nodes.\n  \n## Rust Libraries\n\n- [egui_node_graph](https://github.com/setzer22/egui_node_graph) - Node applications using egui\n- [egui-snarl](https://github.com/zakarumych/egui-snarl) - Crate for creating and manipulating node-graph UIs\n\n## Swift Libraries\n\n- [Flow](https://github.com/AudioKit/Flow) - Swift Package Manager-based node graph editor\n\n## Go Libraries\n\n### Diagramming\n\n- [d2](https://github.com/terrastruct/d2) - Scripting language that turns text to diagrams\n\n## Applications\n\n### Workflow \u0026 Automation\n\n- [Benthos Studio](https://studio.benthos.dev/) - Visual editing for the Benthos stream processor\n- [Cables](https://cables.gl/) - Visual programming environment\n- [Carto Workflows](https://carto.com/blog/introducing-carto-workflows/) - Spatial analytics tool\n- [Concourse CI](https://github.com/concourse/concourse/) - Container-based continuous thing-doer [OSS]\n- [Controller Lab](https://controllerlab.io/) - Drag-and-drop tool for remapping input devices\n- [Dopt](https://www.dopt.com) - Visual flow builder + APIs/SDKs for powering user onboarding and engagement experiences\n- [Dots](https://dots.community) - No-code bot builder for Discord community onboarding \u0026 engagement\n- [DoubleLoop](https://doubleloop.app/) - Dashboard builder to monitor business metrics\n- [customer.io](https://customer.io/visual-workflow-builder/) - Automated messaging platform\n- [FME](https://www.safe.com/fme/fme-desktop/) - ETL tool with spatial data support\n- [Flowhub](https://flowhub.io/ide) - Visual programming tool [OSS]\n- [Kelp](https://kelp.app/) - Build interactive data-driven apps for operational analytics\n- [Kuwala](https://github.com/kuwala-io/kuwala) - Data Pipelines for BI analysists [OSS]\n- [Mode](https://mode.com/) - Tool for exploratory analysis\n- [n8n](https://n8n.io/) - Workflow automation platform\n- [novu](https://github.com/novuhq/novu) - Notification infrastructure for developers [OSS]\n- [OneSignal Journeys](https://onesignal.com/journeys) - Workflow builder to automate messaging\n- [Patterns](https://patterns.app) - Data processing and automation tool\n- [Power Automate](https://powerautomate.microsoft.com/de-de/) - Automation tool\n- [Proxeus](https://github.com/ProxeusApp/proxeus-core) - Workflow builder for secure documents and more [OSS]\n- [Retool Workflows](https://retool.com/blog/introducing-retool-workflows/) - ETL tool for Retool\n- [Stately](https://stately.ai/) - Application logic visualizer [OSS]\n- [Tracardi](https://github.com/tracardi/tracardi) - Customer Journey Automation tool [OSS]\n- [whenthen](https://whenthen.com/) - Payment orchestration\n- [workflow86](https://www.workflow86.com/) - Workspace to document, automate and manage business workflows\n\n### AI\n\n- [Cellulose](https://www.cellulose.ai) - Machine Learning Model visualizer and optimization tool\n- [Netron](https://github.com/lutzroeder/netron) - Visualizer for machine learning models\n- [ComfyUI](https://github.com/comfyanonymous/ComfyUI) - Stable Diffusion GUI\n- [CraftGen](https://craftgen.ai) - Visually build and orchestrate powerful AI agents.\n\n### Diagramming\n\n- [diagrams.net](https://www.diagrams.net/) - also known as draw.io\n- [FigJam](https://www.figma.com/figjam/)\n- [Flowchart Fun](https://flowchart.fun/) - Generate flowcharts and diagrams from text [OSS]\n- [Grapher](https://grapherx.netlify.app/) - Flowchart tool [OSS]\n- [Knotend](https://www.knotend.com/) - Keyboard-centric flowchart editor\n- [Lucidchart](https://www.lucidchart.com/)\n- [Mermaid Live](https://mermaid.live/) - Edit, preview and share mermaid charts/diagrams [OSS]\n- [Miro](https://miro.com/)\n- [nomnoml](https://nomnoml.com/) - Tool for drawing UML diagrams [OSS]\n- [QuikFlow](https://quikflow.app/) - Create flowcharts with a mindmapping workflow\n- [Terrastruct](https://terrastruct.com/) - Visualize software architecture\n\n### Data Processing\n\n- [Cascade](https://www.cascade.io/) - Data transformation and visualization\n- [CodeNect](https://flamendless.itch.io/codenect) - Visual Programming Software that transpiles to C\n- [Datablocks](https://datablocks.pro) - Data transformation and visualization\n- [Easy Data Transform](https://www.easydatatransform.com/) - Data transformation tool\n- [Enso](https://enso.org/) - Code based automation tool [OSS]\n- [Graphqleditor](https://graphqleditor.com/) - Editor for GraphQL\n- [jsoncrack](https://github.com/AykutSarac/jsoncrack.com) - JSON data visualizer\n- [node-red](https://github.com/node-red/node-red) - Low-code programming for event-driven applications [OSS]\n- [Nifi](https://nifi.apache.org/) - Data routing, transformation, and system mediation logic\n- [Rapidcanvas](https://rapidcanvas.ai/) - Data science platform\n- [Slang](https://bitspark.de/slang/) - Data processing tool\n- [Y42](https://www.y42.com/) - Data pipeline tool\n- [Orange Data Mining](https://orangedatamining.com/) - Data mining and processing tool [OSS]\n\n### 3D \u0026 Visuals\n\n- [Plantarium](https://plant.max-richter.dev) - Procedural browser-based plant modelling [OSS] \n- [Alma](https://www.alma.sh/) - Digital playground for visual experiences\n- [Armory3d](https://armory3d.org/features#scripting) - Game engine for Blender\n- [Blackjack](https://github.com/setzer22/blackjack) - Procedural modelling application [OSS]\n- [Blender](https://www.blender.org/) - 3D graphics suite for multiple rendering engines [OSS]\n- [Cascade](https://github.com/ttddee/Cascade) - Image editor [OSS]\n- [Chainner](https://github.com/chaiNNer-org/chaiNNer) - Image processing GUI [OSS]\n- [ComfyUI](https://github.com/comfyanonymous/ComfyUI) - Design and execute advanced Stable Diffusion pipelines for AI image generation [OSS]\n- [Dynamo](https://github.com/DynamoDS/Dynamo) - Open Source Graphical Programming for Design [OSS]\n- [FFmpeg Explorer](https://ffmpeg.lav.io/) - Tool for exploring FFmpeg filters \n- [Gaffer](https://github.com/GafferHQ/gaffer) - Application for lookdev, lighting and automation [OSS]\n- [Gimel Studio](https://gimelstudio.github.io/) - 2D image editor [OSS]\n- [Houdini](https://www.sidefx.com/products/houdini/) - Procedural system for artists\n- [Mixture](https://github.com/alelievr/Mixture) - Unity plugin to create textures in realtime [OSS]\n- [Natron](https://natrongithub.github.io/) - Compositing software for VFX and motion graphics [OSS]\n- [Nodebox](https://github.com/nodebox/nodebox) - App for visualization and generative design [OSS]\n- [Nodes.io](https://nodes.io/) - Visual programming environment\n- [Nodetoy](https://nodetoy.co/) - Shader tool\n- [Notch](https://www.notch.one/) - Motion graphics and interactive VFX in realtime\n- [Origami Studio](https://origami.design/) - UI design prototyping tool\n- [Polygonjs](https://github.com/polygonjs/polygonjs) - WebGL design tool [OSS]\n- [Protongraph](https://github.com/protongraph/protongraph) - Procedural content generation [OSS]\n- [Puredata](https://puredata.info/) - Visual programming language for multimedia [OSS]\n- [Retrobatch](https://flyingmeat.com/retrobatch/) - Batch image processing for macOS\n- [VVVV](https://vvvv.org/) - Visual live-programming environment\n\n### Audio\n\n- [Audio Hijack](https://rogueamoeba.com/audiohijack/) - Audio recording and routing for macOS\n- [Audulus](https://audulus.com) - Modular synthesizer and DSP environment\n- [Axiom](https://github.com/monadgroup/axiom) - Realtime audio synthesizer [OSS]\n- [Bespoke](https://www.bespokesynth.com/) - Modular synthesizer [OSS]\n- [Eternal](https://eternal.rob.computer/) - Audio and visual composition [OSS]\n- [Kronos](https://kronoslang.io/) - Visual \u0026 textual programming language designed for musical signals\n- [Max](https://cycling74.com/products/max) - Tool to create your own interactive software\n- [Ossia score](https://github.com/ossia/score) - Sequencer for audio-visual artists [OSS]\n- [Reaktor](https://www.native-instruments.com/en/products/komplete/synths/reaktor-6/) - Modular digital signal processor\n- [Zupiter](https://z.musictools.live) - Synthesizer\n\n### Scripting\n\n- [flojoy](https://www.flojoy.ai/) - No code Python programming\n- [Natto](https://natto.dev/) - Javascript environment\n- [noflo](https://github.com/noflo/noflo/) - Flow-based programming for Javascript [OSS]\n- [PyFlow](https://github.com/wonderworks-software/PyFlow) - Visual scripting framework for python [OSS]\n- [Ryven](https://ryven.org/) - Visual scripting for python [OSS]\n- [Regex Nodes](https://johannesvollmer.com/regex-nodes) - Analyze and build regular expressions in your browser [OSS]\n\n### Misc\n\n- [Twine](http://www.twinery.org/) - Tool for telling interactive, non-linear stories\n\n","projects_url":"https://awesome.ecosyste.ms/api/v1/lists/xyflow%2Fawesome-node-based-uis/projects"}