The unified Angular devtools. Inspect Angular component trees, signals, dependency injection, routes, forms, pipes and NgRx stores at dev time, build time, or through a coding agent. Built with Devframe so the same tool runs as an embedded panel, standalone CLI, static report, MCP server, or Chrome DevTools extension.
The package is published on npm as @pangular-inspector/devtools.
npm install -D @pangular-inspector/devtools
An Angular SSR server imports the hub when it starts, so install the package as a dependency there (npm install @pangular-inspector/devtools).
For an Angular CLI app with SSR, the quick start takes you from install to a live panel. For other setups, follow the installation guide: a client-only Angular CLI app, Vite and Analog, the standalone CLI, Angular Native, or Capacitor. For a coding agent, run npx @pangular-inspector/devtools mcp.
Read the docs at pangular-inspector.dev. Their source lives in apps/docs; run them locally with pnpm docs:dev.
- Quick start
- Getting started
- Inspectors
- Agent tools
- Security
- Press kit: name, logo, colors, descriptions and screenshots
- Contributing
Erkam Yaman Lead maintainer |
Santosh Yadav Maintainer |
Join the conversation, ask questions, and share feedback on Discord.
Pangular Inspector is free and open source. If it helps your work, please consider sponsoring it. Your support keeps development going.
 Umair Hafeez |
 Animesh Pathak |
Thanks to everyone who has contributed:
Santosh Yadav 💻 🚧 👀 📖 🚇 |
erKam 💻 🚧 👀 📖 🚇 |
Abiram 💻 |
Vardhman Gupta 💻 |
Nicolas Frizzarin 💻 |
Nathan Walker 💻 |
Michael Small 🐛 |
This project follows the all-contributors specification. Contributions of any kind are welcome.
MIT