interactive flowchart diagram library
Flowy is a minimal, dependency-free JavaScript library for building interactive flowcharts with drag-and-drop, snapping, and import/export in web apps.
Same problem, same approach. Swapping one for another is a config change, not a rewrite.
Use when building a Vue 3 application and want a flowchart component with zoom/pan and minimap built in.
A highly customizable Flowchart component for Vue 3. Features seamless zoom & pan ๐, additional components like a Minimap ๐บ and utilities to interact with state and graph.
Use for complex diagramming needs with advanced interaction and custom rendering beyond Flowy's minimal feature set.
๐ JavaScript diagramming library that uses SVG and HTML for rendering.
Use when you need a battle-tested SVG diagramming library with a large set of built-in shapes and a permissive open-source license.
A proven SVG-based JavaScript diagramming library powering exceptional UIs
Use when you want a dependency-free pure JavaScript flowchart editor with mobile support.
Dgrm.net - flowchart editor. Works on desktop, phone and tablet. Has no dependency. Pure JavaScript.
Use when building workflow automation UIs and want a no-code component with zero dependencies.
Customizable no-code component for building flow-based programming applications or workflow automation. 0 external dependencies. Check out https://nocode-js.com
Use when you need a professional-grade, feature-rich diagramming library and are willing to pay for a commercial license.
JavaScript diagramming library for interactive flowcharts, org charts, design tools, planning tools, visual languages.
Use when building React-based workflow editors and want a customizable, maintained library.
๐ฏ React library for building workflow editors, flow charts and diagrams. Maintained by @goodcodeus.
Solves the same problem with a different architecture or at a different layer. Expect to rewrite the integration.
Use when you need to generate flowcharts from text in a server-side or documentation context rather than embedding an interactive editor.
Generate diagrams from textual description
Use when you need to render diagrams from text on a server, supporting many formats including flowcharts.
Creates diagrams from textual descriptions!
Use for lightweight UML/flowchart rendering from text in a browser, if you don't need drag-and-drop editing.
The sassy UML diagram renderer
Use when you need to generate flowcharts and other diagrams from Markdown-like text for documentation or web pages, not interactive editing.
Generation of diagrams like flowcharts or sequence diagrams from text in a similar manner as markdown
Use for generating multiple diagram types from text, including flowcharts, in a lightweight library.
Generate Flowcharts, Network Sequence Diagrams, GraphViz Dot Diagrams, and Railroad Diagrams
Use for simple SVG flowcharts from text in a browser, with a lightweight dependency.
Draws simple SVG flow chart diagrams from textual representation of the diagram
An earlier or more limited way to do the job. Still the right call when you need something small, proven, or CPU-only.
Use if you need a minimal React diagram component and are okay with an unmaintained library.
๐ A collection of lightweight React components and hooks to build diagrams with ease ๐
Use if you need a simple flowchart library and don't mind a project with no recent maintenance.
A developer-friendly library for creating flowcharts and diagrams.
Use if you want a simple, dependency-light flow library and can accept that it hasn't been updated in over a year.
Simple flow library ๐ฅ๏ธ๐ฑ๏ธ
Use if you need a React flow chart library and are fine with an older, unmaintained codebase.
๐ A flexible, stateless, declarative flow chart library for react.
Does the same job, but ships as an app. Useful to a person, not swappable into a codebase.
This is an end-user web tool for generating flowcharts from text, not a library to embed.
Easily generate flowcharts and diagrams from text โฟป
This is a standalone diagramming tool for many diagram types, not an embeddable library.
The diagramming tool for flowcharts, mindmaps, user flows, network & cloud diagrams, and more!
These projects were analysed and named flowy among their alternatives. The relationship is not symmetric โ how flowy rates them is a separate judgement, made when flowy is analysed in its own right.
calls flowy โMinimal JS library for drag-and-drop flowcharts; choose for simple interactive flowchart UIs.โ
Generation of diagrams like flowcharts or sequence diagrams from text in a similar manner as markdown
calls flowy โchoose it for a tiny vanilla-JS flow builder if you can tolerate an unmaintained, minimal library.โ
A highly customizable Flowchart component for Vue 3. Features seamless zoom & pan ๐, additional components like a Minimap ๐บ and utilities to interact with state and graph.
calls flowy โChoose it only for tiny dependency-free flowchart prototypes where X6 is overkill, accepting that it is no longer maintained.โ
๐ JavaScript diagramming library that uses SVG and HTML for rendering.