Revolutionize your code reviews with AI. CodeRabbit offers PR summaries, code walkthroughs, 1-click suggestions, and AST-based analysis. Boost productivity and code quality across all major languages with each PR. Learn more →
Top 16 TypeScript Flowchart Projects
-
mermaid
Generation of diagrams like flowcharts or sequence diagrams from text in a similar manner as markdown
Project mention: Show HN: Mermaid Chart VS Code Plugin: Mermaid.js Diagrams in Visual Studio Code | news.ycombinator.com | 2025-04-02It's worth pointing out that mermaidchart.com is NOT the official Mermaid project (https://mermaid.js.org/).
They're a for-profit company using the Mermaid name.
This creates a lot of confusion whenever the name comes up, which I suspect is deliberate.
-
Civic Auth
Auth in Less Than 5 Minutes. Civic Auth comes with multiple SSO options, optional embedded wallets, and user management — all implemented with just a few lines of code. Start building today.
-
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.
-
LogicFlow
A flow chart editing framework focus 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.
-
-
CodeRabbit
CodeRabbit: AI Code Reviews for Developers. Revolutionize your code reviews with AI. CodeRabbit offers PR summaries, code walkthroughs, 1-click suggestions, and AST-based analysis. Boost productivity and code quality across all major languages with each PR.
-
-
-
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 or workflow automation. 0 external dependencies.
-
-
nebulagraph-veditor
A Highly customizable JavaScript Diagramming Lib with SVG, HTML, Canvas support.
-
-
-
InfluxDB
InfluxDB high-performance time series database. Collect, organize, and act on massive volumes of high-resolution data to power real-time intelligent systems.
NOTE:
The open source projects on this list are ordered by number of github stars.
The number of mentions indicates repo mentiontions in the last 12 Months or
since we started tracking (Dec 2020).
TypeScript Flowchart discussion
TypeScript Flowchart related posts
-
Show HN: Mermaid Chart VS Code Plugin: Mermaid.js Diagrams in Visual Studio Code
-
Ask HN: Simplest way to productize my graph layout algo?
-
Mindmap Generator: How to Draw SVG-Based Graphs with AI-Generated Text and Images Using the Agent Approach
-
5 Signs You’ve Built a Secretly Bad Architecture (And How to Fix It)
-
AI Diagramming Tools for Developers
-
From Audio to Diagram
-
From Diagram to Code with Amazon Q Developer
-
A note from our sponsor - CodeRabbit
coderabbit.ai | 24 Apr 2025
Index
What are some of the best open-source Flowchart projects in TypeScript? This list will help you:
| # | Project | Stars |
|---|---|---|
| 1 | mermaid | 78,401 |
| 2 | xyflow | 28,958 |
| 3 | LogicFlow | 9,698 |
| 4 | react-diagrams | 8,909 |
| 5 | X6 | 5,994 |
| 6 | vue-flow | 4,960 |
| 7 | imove | 3,746 |
| 8 | flowchart-fun | 3,200 |
| 9 | nomnoml | 2,763 |
| 10 | reaflow | 2,300 |
| 11 | react-flow-chart | 1,513 |
| 12 | sequential-workflow-designer | 1,198 |
| 13 | flowgpt | 293 |
| 14 | nebulagraph-veditor | 86 |
| 15 | flowchart-react | 44 |
| 16 | fibr | 12 |
Sponsored
Auth in Less Than 5 Minutes
Civic Auth comes with multiple SSO options, optional embedded wallets, and user management — all implemented with just a few lines of code. Start building today.
www.civic.com