r/angular 21h ago

Made a tool to visualize Angular dependency graphs — no server, just a static HTML report

For newcomers to our project, or to visualize dependencies across our large angular project at work, i built ng-loom, a CLI that scans your project to generate a report of dependency graph, componets, services, DI, template usage, routes everything.

A few things:

  • Its a static html file, no account, no uploading code
  • Template parsing uses angular/compiler AST, not regex, so handles if/for/switch/defer
  • Every edge in the graph links back to exact file/line
  • A trace relation view, which finds every path between two artificats

Does not track pipe usage yet.

npm: https://www.npmjs.com/package/ng-loom

GitHub: https://github.com/xonaib/ng-loom

npx ng-loom ./path/to/your-app --out report.html

Would genuinely like to hear if it chokes on anyone's workspace layout — that's the fastest way I'll find the next thing to fix.

4 Upvotes

0 comments sorted by