Drawflow
Simple flow library 🖥️🖱️ (by jerosoler)
vue-flow
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. (by bcakmakoglu)
SurveyJS - JavaScript Form Builder with No-Code UI & Built-In JSON Schema Editor
Keep full control over the data you collect and tailor the form builder’s entire look and feel to your users’ needs. SurveyJS works with React, Angular, Vue 3, and is compatible with any backend or auth system. Learn more.
surveyjs.io
featured
| Drawflow | vue-flow | |
|---|---|---|
| 7 | 8 | |
| 5,345 | 5,330 | |
| 1.8% | 3.7% | |
| 3.6 | 9.0 | |
| 9 months ago | 26 days ago | |
| JavaScript | TypeScript | |
| MIT 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.
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.
Drawflow
Posts with mentions or reviews of Drawflow.
We have used some of these posts to build our list of alternatives
and similar projects. The last one was on 2023-07-27.
-
How to make beautiful flowchart with Angular ?
❌📄Drawflow - Seems nice, but no docs, and last commit was a year ago
-
What kind of packages/frameworks are used for building node editor flow builders like Mailchimp, Github actions
Take a look at https://github.com/jerosoler/Drawflow
-
Improving drag'n'drop
I also found LeaderLine and a more complex one, the DrawFlow. The Drawflow one will hard, as the project is on prod and we didn't used canvas. We drag'n'drop on grid and flex lists.
- A chrome extension for browser automation, build with vue.js
- What is the best way to create this chart and make it interactive/scrollable?
-
Creating a flowchart editing library
The closest thing I've stumbled uppon is Drawflow, which seems to be made specifically for Vue although it also offers a vanilla JS api. Problem with that is that it's fancy but it's missing a bunch of features, for example custom nodes seem to be created using (don't quote me on this) a plain innerHTML = operation, even if you set the Element as an object (link here) by "registering" it as the documentation says.
- Hi Everyone, need a recommendation for open-source flow builder boilerplates or toolkits that helps you build flows in Vue JS/ Vanilla JS as fast as possible, something similar to the one shown in the link. Thanks so much!
vue-flow
Posts with mentions or reviews of vue-flow.
We have used some of these posts to build our list of alternatives
and similar projects. The last one was on 2023-09-29.
- Show HN: Svelte Flow – a library for creating node-based UIs
-
Visual Node Graph with ImGui
Several out there. Pick your poison https://vueflow.dev/ or https://reactflow.dev/
-
Interactive Nodes-and-edges graph in Vue
For some use cases, I think vue-flow would count as a graph library. In your case, this is probably a good library to use.
-
[Showoff Saturday] I made an AI powered diagram creator.. just describe your diagram using language
I'm using vue-flow (https://vueflow.dev/). it's excellent, based on react-flow
- Migrating from Vue 2 to Svelte
-
Is there a JS library that will let me create a flow diagram like GitHub’s visualization graph? (Removed my similar and confusing question from earlier today)
Hey, idk if you are familiar with react but there is https://reactflow.dev/ https://vueflow.dev/ https://github.com/sidharth-anand/svelte-flow
-
Diagramming Library
Would Vue Flow not provide the necessary functionality?
-
Improving drag'n'drop
How about vue-flow? I just stumbled across it a couple of days ago but it seems to be a well-written package and they have a discord if you need help.
What are some alternatives?
When comparing Drawflow and vue-flow you can also consider the following projects:
Rete.js - Rete.js is a framework for creating visual interfaces and workflows. It provides out-of-the-box solutions for visualization using various libraries and frameworks, as well as solutions for processing graphs based on dataflow and control flow approaches.
leader-line - Draw a leader line in your web page.
Angular - Deliver web apps with confidence 🚀
vue-nodegui - Build performant, native and cross-platform desktop applications with native Vue + powerful CSS like styling.🚀
litegraph.js - A graph node engine and editor written in Javascript similar to PD or UDK Blueprints, comes with its own editor in HTML5 Canvas2D. The engine can run client side or server side using Node. It allows to export graphs as JSONs to be included in applications independently.
unit - Next Generation Visual Programming System
SurveyJS - JavaScript Form Builder with No-Code UI & Built-In JSON Schema Editor
Keep full control over the data you collect and tailor the form builder’s entire look and feel to your users’ needs. SurveyJS works with React, Angular, Vue 3, and is compatible with any backend or auth system. Learn more.
surveyjs.io
featured