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

By clicking Sign Up you're confirming that you agree with our Terms and Conditions.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Visual workflow editor built with NgDiagram showing a drag-and-drop interface with nodes like “Start Flow,” “Wait Interval,” “Send Notification,” and “Proceed if true,” connected by curved lines. A user list and analytics chart are also visible, demonstrating collaboration and data integration features.

Why ngDiagram?

Because it’s made for Angular Developers. You already know Angular – that’s all you need. No unfamiliar syntax, no bulky setups.

Plugin-Friendly Architecture

Designed to grow with your app. Add features like auto-layouts, collaboration support, or custom edges with simple plugins.

Puzzle piece icon representing NgDiagram’s plugin-based extensibility.

HTML-First Approach

Use your existing components and templates as nodes. It’s just HTML – readable, accessible, and powerful.

Angle bracket icon symbolizing HTML-based nodes and templates.

Signals-Driven, Not Signal Noise

Built with Angular Signals in mind – optimized for reactive UIs from day one.

Broadcast signal icon illustrating Angular Signals-based reactivity.

What’s Coming?

ngDiagram is evolving — and the first release brings the core building blocks you need to create powerful, interactive diagrams in Angular

Advanced features like collaboration, layout engines with smarter, customizable edge paths are coming in future releases — each crafted to elevate your workflow without added complexity.

NgDiagram is not just another library — it’s set to change how the world builds and thinks about diagramming.

Sign up to get updates and early access invitations.

Be the first to build better diagrams in Angular.

By clicking Sign Up you're confirming that you agree with our Terms and Conditions.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
ngDiagram logo in accent color

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.

Workflow builder interface using NgDiagram with a light theme. The canvas displays a conditional node (“Check eligibility”) branching into HTTP Request, Update Record, Send Email, and Push Notification nodes. A left sidebar shows a categorized node library, while the right sidebar displays configuration options for the selected conditional node.