nomnoml vs react-flow

nomnoml

The sassy UML diagram renderer (by skanaar)

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

nomnoml		react-flow
	Project
5	Mentions	14
2,643	Stars	18,246
-	Growth	-
5.7	Activity	9.2
about 2 months ago	Latest Commit	7 months ago
TypeScript	Language	TypeScript
MIT License	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.

nomnoml

Posts with mentions or reviews of nomnoml. We have used some of these posts to build our list of alternatives and similar projects. The last one was on 2024-03-22.

ChatCraft Adventures #10
3 projects | dev.to | 22 Mar 2024

To support nomnoml rendering, I am using the skanaar/nomnoml library. However, my feature is not perfect. For one, sometimes the LLM can return bad nomnoml syntax (at least when using GPT-3.5). Other times, the nomnoml render does not fit within the React Card:
Ask HN: Anyone use a code to mindmap/flowchart tool?
14 projects | news.ycombinator.com | 24 Feb 2024
Nomnoml
10 projects | news.ycombinator.com | 2 Oct 2023
nomnoml: The sassy UML diagram renderer
1 project | /r/planetemacs | 5 Apr 2021
system design diagrams in Org Mode
2 projects | /r/orgmode | 4 Apr 2021

Nomnoml?

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 nomnoml and react-flow you can also consider the following projects:

ob-mermaid - Generate mermaid diagrams within Emacs org-mode babel

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

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

X6 - 🚀 JavaScript diagramming library that uses SVG and HTML for rendering.

dag - 🐠 An Angular service for managing directed acyclic graphs

grafana-diagram - A Grafana plugin to visualize metrics in a diagram using flow charts, gantt charts, sequence diagrams, or class diagrams

zustand - 🐻 Bear necessities for state management in React

TOAST UI Editor - 🍞📝 Markdown WYSIWYG Editor. GFM Standard + Chart & UML Extensible.

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

mermaid - Generation of diagrams like flowcharts or sequence diagrams from text in a similar manner as markdown

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.