awesome-node-based-uis vs react-flow

awesome-node-based-uis

A curated list with resources about node-based UIs (by xyflow)

React Flow | Svelte Flow - Powerful open source libraries for building node-based UIs with React (https://reactflow.dev) or Svelte (https://svelteflow.dev). Ready out-of-the-box and infinitely customizable. [Moved to: https://github.com/xyflow/xyflow] (by wbkd)

Flowchart Graph typescript-library react-library React TypeScript node-based-ui Workflow

DISCONTINUED

Suggest alternative

Edit details

SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App

With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

surveyjs.io

featured

InfluxDB - Power Real-Time Data Analytics at Scale

Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

www.influxdata.com

featured

awesome-node-based-uis		react-flow
	Project
6	Mentions	14
1,915	Stars	18,246
3.5%	Growth	-
5.4	Activity	9.2
12 days ago	Latest Commit	6 months ago
	Language	TypeScript
Creative Commons Zero v1.0 Universal	License	MIT License

The number of mentions indicates the total number of mentions that we've tracked plus the number of user suggested alternatives.
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.

awesome-node-based-uis

Posts with mentions or reviews of awesome-node-based-uis. We have used some of these posts to build our list of alternatives and similar projects. The last one was on 2023-03-06.

Low-code development (Node-RED alternative)
8 projects | news.ycombinator.com | 6 Mar 2023

There's a bunch on this GH list: https://github.com/wbkd/awesome-node-based-uis
Show HN: Benthos Studio – A modern take on Yahoo Pipes
8 projects | news.ycombinator.com | 23 Nov 2022

This looks nice! Which library are you using for rendering the node based UI? Or is it a custom solution? (just added benthos here: https://github.com/wbkd/awesome-node-based-uis)
List with resources about node-based uis (libraries and applications)
1 project | /r/programming | 20 Nov 2022
GitHub - wbkd/awesome-node-based-uis: A curated list with resources about node-based UIs
1 project | /r/node | 18 Nov 2022
Awesome Node-Based UIs
1 project | /r/hypeurls | 17 Nov 2022
Node-Based UIs
10 projects | news.ycombinator.com | 17 Nov 2022

react-flow

Posts with mentions or reviews of react-flow. We have used some of these posts to build our list of alternatives and similar projects. The last one was on 2023-06-11.

Graphing a mind map / binary tree
4 projects | /r/reactnative | 11 Jun 2023
react-flow VS rete - a user suggested alternative
2 projects | 9 Jun 2023
Help me find a flow diagram library like Svelvet, but with data binding (accessible state)
1 project | /r/sveltejs | 10 Apr 2023

Not sure if this is useful or fit your needs. I found out on the discord (https://discord.com/channels/457912077277855764/1078272116916494366) that ReactFlow for Svelte is in the works. https://github.com/wbkd/react-flow/discussions/2971
Low-code development (Node-RED alternative)
8 projects | news.ycombinator.com | 6 Mar 2023

If you want something in react - https://github.com/wbkd/react-flow
React Flow 11.4.0 Release
1 project | news.ycombinator.com | 22 Dec 2022
Using React Flow to plan a React project
3 projects | dev.to | 29 Nov 2022

And, with 12k stars on Github and an average weekly download of 161k, it's popular among devs. It has extensive community support that allows it to be maintained, thus giving users a long time assurance and scalability.
React Flow 11 – better a11y, better edges, new hooks and more
1 project | news.ycombinator.com | 28 Sep 2022
react-flow VS diagram-maker - a user suggested alternative
2 projects | 16 Aug 2022
Trying to find an existing GPT-3 GUI tool with no luck
1 project | /r/GPT3 | 10 Jan 2022

I recall coming across a GPT-3 "flow" application - it was a GUI where you could create prompts and inputs, then link them together to create a "chain". It reminded me of react-flow in the way that it looked.
Create a visual programming platform in JS ?
2 projects | /r/webdev | 7 Jan 2022

What are some alternatives?

When comparing awesome-node-based-uis and react-flow you can also consider the following projects:

Benthos - Fancy stream processing made operationally mundane

react-diagrams - a super simple, no-nonsense diagramming library written in react that just works

totaldb - Total DB is a PostgreSQL database app for designing data structures.

butterfly - 🦋Butterfly，A JavaScript/React/Vue2 Diagramming library which concentrate on flow layout field. (基于JavaScript/React/Vue2的流程图组件)

nodes-io - A new way to create with code.

dag - 🐠 An Angular service for managing directed acyclic graphs

storybook - Storybook is a frontend workshop for building UI components and pages in isolation. Made for UI development, testing, and documentation.

zustand - 🐻 Bear necessities for state management in React

flowcomponents - Open repository for Flow components

flowchart-fun - Easily generate flowcharts and diagrams from text ⿻

flowstreamcomponents - FlowStream open-source components

Tutanota makes encryption easy - Tuta is an email service with a strong focus on security and privacy that lets you encrypt emails, contacts and calendar entries on all your devices.