Top AI Repos — open-source AI, indexed and scored
Top AI Repos tracks AI repositories on GitHub and answers two different questions about each one: is it moving right now, and would you bet a product on it.
Top AI Repos tracks AI repositories on GitHub and answers two different questions about each one: is it moving right now, and would you bet a product on it.
ngDiagram – open-source Angular library for interactive diagrams, node-based editors, and workflow builders. Angular-first: signals and templates.
| Date | Stars |
|---|---|
| 2026-07-30 | 563 |
| 2026-08-06 | 563 |
| 2026-08-15 | 565 |
| 2026-08-18 | 565 |
| 2026-08-19 | 566 |
| 2026-08-22 | 567 |
| 2026-08-23 | 568 |
| 2026-08-24 | 568 |
| 2026-08-25 | 569 |
| 2026-08-26 | 569 |
| 2026-09-01 | 570 |
| 2026-09-04 | 570 |
| 2026-09-07 | 571 |
| 2026-09-09 | 572 |
| 2026-09-10 | 572 |
| 2026-09-11 | 574 |
| 2026-09-13 | 574 |
| 2026-09-17 | 574 |
| 2026-09-22 | 576 |
| 2026-09-26 | 577 |
| 2026-10-02 | 578 |
| 2026-10-03 | 578 |
| 2026-10-05 | 580 |
| 2026-10-06 | 581 |
| 2026-10-07 | 582 |
| 2026-10-09 | 582 |
| 2026-10-11 | 583 |
| 2026-10-26 | 584 |
| 2026-10-28 | 584 |
| 2026-11-02 | 585 |
| 2026-11-04 | 585 |
Today
— stars today
This week
+1 stars this week
This month
+5 stars this month
Momentum
16.0
growth rate 0.17%/day
# ngDiagram [](https://badge.fury.io/js/ng-diagram) [](https://opensource.org/license/apache-2-0) 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, **ngDiagram** 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 Architecture**: Middleware pipeline for custom behaviors and business logic - **🤖 Build with AI**: [Agent skills](https://www.ngdiagram.dev/docs/intro/ai/) teach AI coding assistants how to build with ngDiagram, and the official [MCP server](https://www.npmjs.com/package/@ng-diagram/mcp) lets them search the docs and API ## 📚 What You Can Build With ngDiagram, you can create: - **Flow Diagrams**: Process flows, decision trees, and workflow visualizations - **Node-Based Editors**: Visual programming interfaces and data flow editors - **Network Diagrams**: System architectures and network topologies - **Mind Maps**: Hierarchical information structures and brainstorming tools - **Circuit Diagrams**: Electronic schematics and technical drawings - **Custom Visualizations**: Any diagram type with custom node and edge templates See our [Templates](#-templates) for production-ready examples you can fork and customize. ## 🎮 Try the Demo See ngDiagram in action: **[Live Demo](https://synergycodes.github.io/ng-diagram-demo/)** | **[Source Code](https://github.com/synergycodes/ng-diagram-demo)** ## 🎓 Video Course Learn ngDiagram by building an Angular workflow builder from scratch — a step-by-step video series by the team: 1. **[Angular workflow builder from scratch | ngDiagram Ep. 1: Project setup](https://youtu.be/Ck_lPtyKE_Q)** 2. **[Angular signals, zero glue code | ngDiagram Ep. 2: Properties panel](https://youtu.be/8CdH9Rk99KE)** 3. **[Custom nodes in an Angular workflow builder | ngDiagram Ep. 3: Node types](https://youtu.be/UzK0h9wcyEo)** The series is ongoing — new episodes are in production. Follow the [Synergy Codes YouTube channel](https://www.youtube.com/@synergycodes) to catch the next one. ## 🧩 Templates Production-ready starter kits built with ngDiagram. Fork, customize, ship. | Template | Description | Demo
Excerpt of 12,373 characters
Read on GitHub
110
77
55
31
30
26
26
23
15
15
13
11
4
2
2
2
1
1
1
1
Would you bet a product on this? Bounded 0–100 and slow moving.
matched fp:250e4db7843774cb, topic:workflow, topic:drag-and-drop, readme:drag and drop