The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning. Learn more →
Top 17 TypeScript Flowchart Projects
-
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.
-
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.
-
LogicFlow
A flow chart editing framework focusing on business customization. 专注于业务自定义的流程图编辑框架,支持实现脑图、ER图、UML、工作流等各种图编辑场景。
-
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.
-
WorkOS
The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.
-
reaflow
🎯 React library for building workflow editors, flow charts and diagrams. Maintained by @goodcodeus.
-
sequential-workflow-designer
Customizable no-code component for building flow-based programming applications. 0 external dependencies.
-
nebulagraph-veditor
A Highly customizable JavaScript Diagramming Lib with SVG, HTML, Canvas support.
-
nodium
Nodium is an easy-to-use data analysis and automation platform using Rust with a visual node-based interface. It includes a plugin browser for downloading extensions, making it versatile for a wide range of data manipulation tasks. No coding experience required.
-
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.
Project mention: Svelte Flow – a library for rendering interactive node-based UIs | dev.to | 2023-11-06We are the xyflow team*, the creators of React Flow and Svelte Flow. We've been maintaining the React Flow library and its ecosystem since 2019. Earlier this year we were inspired by the Svelte community, and created a prototype of what our tool could look like if it was built in Svelte. This lead to us abstracting the core of React Flow to vanilla js and porting the library to Svelte, improving the performance of both libraries along the way.
Project mention: react-diagrams VS rete - a user suggested alternative | libhunt.com/r/react-diagrams | 2023-06-09
Project mention: Replace bpmn-js and Let Frontend Developers Become More Familiar with Workflow Business In 2023🔥🔥🔥 | dev.to | 2023-08-07Since we are going to replace bpmn-js, we need to find a flowchart editing tool that offers better support for customization and higher maintainability. After searching online, we chose LogicFlow for the following reasons:
Project mention: Ask HN: Anyone use a code to mindmap/flowchart tool? | news.ycombinator.com | 2024-02-24https://flowchart.fun recently helped a lot with a project.
Project mention: Show HN: Svelte Flow – a library for creating node-based UIs | news.ycombinator.com | 2023-11-09
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:
Project mention: reaflow VS rete - a user suggested alternative | libhunt.com/r/reaflow | 2023-06-09
Website: react-flow-chart GitHub page
Project mention: Show HN: New visual language for teaching kids to code | news.ycombinator.com | 2023-11-21For example https://github.com/nocode-js/sequential-workflow-designer is designed in this way, that you program some logic by setting predefined actions in a proper order. You program at the high level.
GitHub - github.com/rhinobase/fibr Docs - fibr.rhinobase.io
TypeScript Flowchart related posts
- Ask HN: Anyone use a code to mindmap/flowchart tool?
- Wireflow – free, online, open source tool for creating user-flow prototypes
- Simple Text to Flowchart, Online & Free
- Show HN: Svelte Flow – a library for creating node-based UIs
- Text to Mindmap
- Flowchart Fun
- What is your favorite diagram software?
-
A note from our sponsor - WorkOS
workos.com | 25 Apr 2024
Index
What are some of the best open-source Flowchart projects in TypeScript? This list will help you:
Project | Stars | |
---|---|---|
1 | xyflow | 21,058 |
2 | react-diagrams | 8,335 |
3 | LogicFlow | 6,787 |
4 | X6 | 5,353 |
5 | imove | 3,749 |
6 | flowchart-fun | 3,002 |
7 | vue-flow | 2,845 |
8 | nomnoml | 2,628 |
9 | reaflow | 1,918 |
10 | react-flow-chart | 1,424 |
11 | sequential-workflow-designer | 872 |
12 | flowgpt | 237 |
13 | nebulagraph-veditor | 79 |
14 | nodium | 66 |
15 | flowchart-react | 38 |
16 | JS-Blueprints | 14 |
17 | fibr | 4 |
Sponsored