{"repo":"synergycodes/ng-diagram","free":true,"listed":false,"github":"https://github.com/synergycodes/ng-diagram","clone":"git clone https://github.com/synergycodes/ng-diagram.git","description":"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","language":"TypeScript","stars":565,"topics":["angular","diagram","flowchart","graph","node-based-ui","workflow","angular-library","data-flow","diagramming","drag-and-drop"],"license":"Apache-2.0","category":"workflow-automation","readme_excerpt":"ng-diagram A robust Angular library for building interactive diagrams, node-based editors, and visual programming interfaces. Designed with Angular and TypeScript, it offers a complete toolkit to create sophisticated, customizable, and high-performance diagramming applications. Unlike generic diagramming libraries, ng-diagram is Angular-first - built on Angular signals and templates for seamless integration and performance. ✨ Features - 🎯 Interactive Elements : Draggable, resizable, and rotatable nodes - 🔗 Flexible Edges : Orthogonal, polyline, and bezier routing, custom arrowheads, labels, and floating edges that connect without ports - 🧩 Custom Templates : Your own Angular components as nodes and edges — templates, signals, DI, everything works - 📦 Groups : Container nodes with nesting and group-aware dragging - 🎛️ Rich Interactions : Selection, box selection, copy/paste, snapping, panning, zooming, and more - ⌨️ Keyboard Shortcuts : Configurable, platform-aware bindings for all common actions - 📱 Touch Support : Pinch zoom, two-finger panning, and long-press box selection out of the box - 🗺️ Minimap : Bird's-eye overview widget with click-and-drag navigation - 🎨 Consistent Styling : Built-in design system with CSS variables and light/dark themes - 🖱️ Embedded Palette : Built-in drag-and-drop palette system for adding nodes to diagrams - ⚡ Performance : Signal-based reactivity, spatial hashing, and viewport virtualization for large diagrams - 🔌 Extensible Architec","default_branch":null,"files":null,"tree":[],"storefront":"/r/synergycodes","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/synergycodes/ng-diagram/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}