Synergy Codes

Diagramming & Data Visualization Experts

Overview
Repositories
Projects
Packages
People

README.md

Synergy Codes: diagramming & workflow editor experts

You’ll find here our production-ready tools, examples, and SDKs to help you build diagram editors faster. We provide first-class support for GoJS, React Flow, ngDiagram and Yjs. With our library of robust, ready-to-use features for diagram interfaces, you can validate a PoC up to 3× faster. Trusted by SaaS teams and Fortune 500 organizations worldwide.

15+ years, 200+ workflow products, 20+ industries — we deliver expert solutions, like:

Real-time IoT diagrams
Rule-based product configurators
Knowledge graphs editors
AV design and proposal software
AI features for diagrams

Łukasz Jaźwa, CTO at Synergy Codes says:

"Diagrams interfaces are not just technical tools. They are intuitive communicators between people, and a way to present complex industrial processes simply."

Our flagship open source products:

Using our SDKs you get actively maintained projects, proven in real-world applications with stability in mind.

Workflow Builder SDK: Apache 2.0 React SDK for embedding visual workflow editors. Drag-and-drop workflow builder UI with a reference back-end and an execution engine swappable by design, proven with Temporal. Back-end agnostic. Built on React Flow and Temporal. Reference stack for AI workflows and automations in digital products. Try it here.
OverFlow: Comprehensive set of functional and open-source UI React Flow components that enable you to quickly and intuitively build advanced user flows, diagrams, and node-based editors. Utilize our design expertise for diagrams now.
ngDiagram: Open-source Angular library for creating interactive diagrams, such as flow charts, network and schematic diagrams, or node-based editors. ngDiagram provides draggable nodes, customizable edges, groups, and a palette system. Built with TypeScript and Angular signals for performance, with vast customization options with Angular templates. Works with Angular 18+. Try it here.

Check these free resources:

Our latests tools:

dAIgram: AI-powered tool turns hand-drawn sketches, pictures, and screenshots of your flowcharts into editable diagrams.
Knowledge Graph Editor: Front-end tool that visualize your data on an interactive graph.
CodeQA: On-prem AI-powered assistant for your codebase and documentation.

Questions and queries

Debug complex graphs with our Community 💬. Join the latest discussions, solve challenges, and explore best practices in direct conversations with diagram experts, developers, and designers.

Need help with React Flow, GoJS or Yjs?

Visit our websites for React Flow, GoJS or Yjs support or contact us directly at hello@synergycodes.com.

Into diagrams? Follow our CEO, Maciej Teska on Linkedin and X.

Pinned Loading

workflowbuilder workflowbuilder Public

Workflow Builder - Apache 2.0 React SDK for embedding visual workflow editors. Drag-and-drop workflow builder UI with a reference back-end and an execution engine swappable by design, proven with T…

TypeScript 335 59
ng-diagram ng-diagram Public

ngDiagram – An open-source Angular library for creating rich, interactive diagramming experiences. Designed for flexibility and performance, it lets you build everything from simple flows to advanc…

TypeScript 566 39
ng-diagram-orgchart ng-diagram-orgchart Public

Interactive org chart template for Angular — organizational chart with ELK tree layout and drag-and-drop reordering. Built on ng-diagram.

TypeScript 11 1
ng-diagram-single-line-diagram ng-diagram-single-line-diagram Public

Angular single-line diagram (SLD) editor for electrical substations. IEC 60617 symbol library, smart orthogonal wiring, DXF export. Built on ng-diagram.

TypeScript 5
ng-diagram-electric-circuit ng-diagram-electric-circuit Public

Angular schematic capture editor for circuit diagrams — drag-and-drop electronic components, wiring, and DXF/SVG/JPEG/JSON export. Built on ng-diagram.

TypeScript 2
ng-diagram-av-schematic ng-diagram-av-schematic Public

Angular AV system design starter kit: a schematic & signal-flow and wiring editor with a drag-and-drop device library and DXF/PNG export. Built on ng-diagram.

TypeScript 8 3

Repositories

Type Language Sort

workflowbuilder Public
Workflow Builder - Apache 2.0 React SDK for embedding visual workflow editors. Drag-and-drop workflow builder UI with a reference back-end and an execution engine swappable by design, proven with Temporal. Back-end agnostic. Built on React Flow and Temporal. Reference stack for AI workflows and automations in digital products.

synergycodes/workflowbuilder's past year of commit activity

TypeScript 335 Apache-2.0 59 0 10 Updated Aug 19, 2026
ng-diagram-electric-circuit Public
Angular schematic capture editor for circuit diagrams — drag-and-drop electronic components, wiring, and DXF/SVG/JPEG/JSON export. Built on ng-diagram.

synergycodes/ng-diagram-electric-circuit's past year of commit activity

TypeScript 2 MIT 0 0 5 Updated Aug 19, 2026
bpmn-editor Public
Angular BPMN editor built with ng-diagram — a starter template with 9 shapes, swimlanes, and ELK auto-layout. MIT, minimal dependencies.

synergycodes/bpmn-editor's past year of commit activity

TypeScript 1 MIT 0 0 0 Updated Aug 19, 2026
ng-diagram-single-line-diagram Public
Angular single-line diagram (SLD) editor for electrical substations. IEC 60617 symbol library, smart orthogonal wiring, DXF export. Built on ng-diagram.

synergycodes/ng-diagram-single-line-diagram's past year of commit activity

TypeScript 5 MIT 0 0 0 Updated Aug 19, 2026
ng-diagram-demo Public

synergycodes/ng-diagram-demo's past year of commit activity

TypeScript 5 0 0 0 Updated Aug 19, 2026
ng-diagram-orgchart Public
Interactive org chart template for Angular — organizational chart with ELK tree layout and drag-and-drop reordering. Built on ng-diagram.

synergycodes/ng-diagram-orgchart's past year of commit activity

TypeScript 11 MIT 1 0 6 Updated Aug 19, 2026
ng-diagram-av-schematic Public
Angular AV system design starter kit: a schematic & signal-flow and wiring editor with a drag-and-drop device library and DXF/PNG export. Built on ng-diagram.

synergycodes/ng-diagram-av-schematic's past year of commit activity

TypeScript 8 MIT 3 0 0 Updated Aug 19, 2026
ng-diagram Public
ngDiagram – An open-source Angular library for creating rich, interactive diagramming experiences. Designed for flexibility and performance, it lets you build everything from simple flows to advanced visual editors with ease

synergycodes/ng-diagram's past year of commit activity

TypeScript 566 Apache-2.0 39 3 6 Updated Aug 19, 2026
ng-diagram-assembly-line Public

synergycodes/ng-diagram-assembly-line's past year of commit activity

TypeScript 0 MIT 0 0 5 Updated Aug 18, 2026
overflow-ui Public
Open-source collection of ready-to-use UI components for building node-based user interfaces with React Flow.

synergycodes/overflow-ui's past year of commit activity

TypeScript 59 MIT 5 0 2 Updated Aug 12, 2026