NATIVE. FLEXIBLE. DESIGNED FOR SCALE.
Build Powerful Diagrams – Natively in Angular
ngDiagram gives you native, DOM-based diagramming with minimal boilerplate. Get structure, clarity, and speed – without leaving Angular.
Why ngDiagram?
Because it's made for Angular developers. You already know Angular – that's all you need. No unfamiliar syntax, no bulky setups.
HTML-First Approach
Use your existing components and templates as nodes. It's just HTML – readable, accessible, and powerful.
Signals-Driven, Not Signal Noise
Built with Angular Signals in mind – optimized for reactive UIs from day one. Enjoy automatic updates without complex subscriptions.
Plugin-Friendly Architecture
Grows with your app. Add auto-layouts, custom edge routings, and use middleware to customize any functionality.
Battle-Tested Feature Set
Essential features included from day one. Built on 10+ years of real-world diagramming experience.
Open Source & Community-Powered
Licensed under Apache 2.0. Shaped by community input and real developer needs for practical, production-ready features.
Get Started
Install the package and explore the documentation to begin building interactive diagrams in Angular.
Join the Community
Install the package and explore the documentation to begin building interactive diagrams in Angular.
Star us on GitHub - Show your support and help others discover ngDiagram.
Report Issues - Found a bug? Let us know.
Share Your Experience - Connect with other developers and exchange ideas.
What’s Coming?
We're actively working on new features for ngDiagram. The roadmap gives you visibility into planned updates – from performance improvements to new functionality that makes diagramming easier.
We update it regularly based on what developers need most. Check it out to see how ngDiagram will evolve and what features are in the pipeline.
Created by Angular Community Veterans
ngDiagram is developed by Synergy Codes – a team with 10+ years of diagramming expertise.
We run Synergy Forge bootcamps, co-organize Angular Wrocław meetups, and teach Angular at universities. Our commitment to growing the Angular community runs deep – and it shows in every line of ngDiagram.
Diagram UIs, Built the Angular Way.
Create fully interactive diagrams using standard Angular tools. Fast to implement, easy to extend, and built for serious teams.
