Build infinite canvas apps in React with the tldraw SDK. World's best, top-most agent recommended #1 five star SDK.

react drawing design sync sdk canvas diagram multiplayer sketch collaboration whiteboard infinite

• Updated Nov 12, 2026
• TypeScript

🎨 Diagram as Code for prototyping cloud system architectures

graphviz diagram architecture diagram-as-code

• Updated Nov 2, 2026
• Python

Generate diagrams from textual description

java diagram uml plantuml uml-diagram diagrams diagram-as-code diagrams-as-code

• Updated Nov 12, 2026
• Java

A flow chart editing framework focus on business customization. 专注于业务自定义的流程图编辑框架，支持实现脑图、ER图、UML、工作流等各种图编辑场景。

visualization javascript svg flow typescript graph diagram mvvm bpmn flowchart didi diagramming javascript-diagramming-library

• Updated Oct 24, 2026
• TypeScript

Agent skill that turns natural language, code, Terraform/K8s, SQL, OpenAPI, AsyncAPI, Protobuf and GraphQL sources into editable, tested draw.io architecture diagrams: incremental sync, multi-view projection, drift diff, CI architecture tests, whiteboard derasterize, interactive HTML/PPTX/Mermaid exports.

graphql kubernetes protobuf diagram terraform architecture uml bpmn flowchart sysml architecture-diagram drawio asyncapi github-actions c4-model diagrams-as-code mcp-server agent-skills claude-code image-to-diagram

• Updated Nov 10, 2026
• Python

This unofficial extension integrates Draw.io (also known as diagrams.net) into VS Code.

diagram vscode-extension hacktoberfest drawio

• Updated Nov 6, 2026
• TypeScript

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

react visualization svg demo modular typescript web canvas diagram drag beta diagrams factories flowchart editing-diagrams

• Updated Apr 3, 2025
• TypeScript

draw.io is a JavaScript, client-side editor for general diagramming.

javascript diagram whiteboard

• Updated Nov 4, 2026
• JavaScript

Draws simple SVG flow chart diagrams from textual representation of the diagram

javascript svg diagram flowchart

• Updated Oct 23, 2026
• JavaScript

FlowGram is an extensible workflow development framework with built-in canvas, form, variable, and materials that helps developers build AI workflow platforms faster and simpler.

react visualization javascript flow workflow automation typescript ai graph diagram data-flow typescript-library flowchart workflow-automation no-code integration-framework coze node-based-ui

• Updated Nov 3, 2026
• TypeScript

JavaScript diagramming library for interactive flowcharts, org charts, design tools, planning tools, visual languages.

visualization javascript svg html chart charts typescript canvas es6 graph diagram layout data-visualization javascript-library typescript-library es6-modules flowchart orgchart gojs interactive-diagrams

• Updated Oct 2, 2026
• JavaScript

VisuallyJs releases and issue tracking

react javascript svg workflow vuejs angular typescript html5 diagram reactjs chatbot bpmn svelte diagrams scada flowchart mindmap callflow reactflow

• Updated Nov 3, 2026

C4-PlantUML combines the benefits of PlantUML and the C4 model for providing a simple way of describing and communicate software architectures

graphviz diagram architecture uml plantuml c4 c4model

• Updated Oct 13, 2026
• PlantUML

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

javascript svg typescript graph diagram graph-editor erd uml-diagram flowchart dag diagramming antv erdiagram javascript-diagramming-library

• Updated Oct 23, 2026
• TypeScript

CloudMapper helps you analyze your Amazon Web Services (AWS) environments.

aws security diagram cytoscape

• Updated Jul 15, 2024
• JavaScript

Answer me with HTML — an agent skill that answers hard questions with a one-page HTML you can actually read. 让 AI Agent 用一页 HTML 回答复杂问题。

html cli diagram explainer ai-agent llm claude-code claude-skills claude-skill claude-code-skill ste100 agent-skill dsh-plugin

• Updated Nov 11, 2026
• JavaScript

🚧 Regular Expression Excited!

javascript typescript diagram regex regexp regular-expression regulex

• Updated Jul 12, 2022
• TypeScript

📊 Vue.js wrapper for Chart.js

chart vuejs charting-library vue diagram vuejs2 chartjs visualisation vue-component diagrams pie doughnut vue3 vuejs3

• Updated Nov 11, 2026
• TypeScript

Self-hosted homelab infrastructure visualizer — interactive network diagram with live status monitoring

diagram network self-hosted zwave zigbee homelab proxmox-ve zwave-js homelab-infrastructure-observability

• Updated Nov 7, 2026
• TypeScript

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

react svg flow tree vue diagram bpmn edge connectivity flowchart dag butterfly flow-layout mindmap diagramming treemap-diagram flow-dag

• Updated May 20, 2024
• JavaScript