Content
# 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](https://devfra.me) so the same tool runs as an embedded panel, standalone CLI, static report, MCP server, or Chrome DevTools extension.
## Get started
```sh
npm install @santoshyadavdev/ng-devtools devframe
```
Then follow the [installation guide](./apps/docs/src/content/getting-started/installation.md) for your setup: Angular CLI with Express, Vite and Analog, the standalone CLI, or [Angular Native](./apps/docs/src/content/getting-started/angular-native.md). For a coding agent, run `npx @santoshyadavdev/ng-devtools mcp`.
## Documentation
The docs live in [`apps/docs`](./apps/docs). Run them locally with `pnpm docs:dev`.
- [Getting started](./apps/docs/src/content/getting-started/introduction.md)
- [Inspectors](./apps/docs/src/content/inspectors/dashboard.md)
- [Agent tools](./apps/docs/src/content/agents/mcp-server.md)
- [Security](./apps/docs/src/content/security.md)
- [Contributing](./CONTRIBUTING.md)
## Maintainers
<!-- prettier-ignore-start -->
<table>
<tbody>
<tr>
<td align="center" valign="top" width="14.28%"><a href="https://github.com/santoshyadavdev"><img src="https://avatars.githubusercontent.com/u/11923975?v=4&s=100" width="100px;" alt="Santosh Yadav"/><br /><sub><b>Santosh Yadav</b></sub></a><br /><sub>Maintainer</sub></td>
<td align="center" valign="top" width="14.28%"><a href="https://github.com/erkamyaman"><img src="https://avatars.githubusercontent.com/u/88717125?v=4&s=100" width="100px;" alt="Erkam Yaman"/><br /><sub><b>Erkam Yaman</b></sub></a><br /><sub>Maintainer</sub></td>
</tr>
</tbody>
</table>
<!-- prettier-ignore-end -->
## Community
Join the conversation, ask questions, and share feedback on [Discord](https://discord.gg/YRTyJd6Qx).
## Sponsors
Angular DevTools is free and open source. If it helps your work, please consider sponsoring it. Your support keeps development going.
<p>
<a href="https://github.com/sponsors/santoshyadavdev"><img src="https://img.shields.io/badge/Sponsor-%E2%9D%A4-db61a2?logo=githubsponsors&logoColor=white" alt="Sponsor Angular DevTools on GitHub" /></a>
</p>
### Company sponsors
<!-- prettier-ignore-start -->
<a href="https://coderabbit.ai"><img src="https://github.com/coderabbitai.png?size=120" width="120" height="120" alt="CodeRabbit" /></a>
<!-- prettier-ignore-end -->
### Individual sponsors
<!-- sponsors -->
<!-- prettier-ignore-start -->
<table>
<tbody>
<tr>
<td align="center" valign="top" width="14.28%"><a href="https://github.com/umairhm"><img src="https://github.com/umairhm.png?size=100" width="80px;" alt="Umair Hafeez"/><br /><sub><b>Umair Hafeez</b></sub></a></td>
<td align="center" valign="top" width="14.28%"><a href="https://github.com/Sonichigo"><img src="https://github.com/Sonichigo.png?size=100" width="80px;" alt="Animesh Pathak"/><br /><sub><b>Animesh Pathak</b></sub></a></td>
</tr>
</tbody>
</table>
<!-- prettier-ignore-end -->
<!-- /sponsors -->
## Contributors
Thanks to everyone who has contributed:
<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->
<!-- prettier-ignore-start -->
<!-- markdownlint-disable -->
<table>
<tbody>
<tr>
<td align="center" valign="top" width="14.28%"><a href="https://santoshyadav.dev"><img src="https://avatars.githubusercontent.com/u/11923975?v=4?s=100" width="100px;" alt="Santosh Yadav"/><br /><sub><b>Santosh Yadav</b></sub></a><br /><a href="https://github.com/santoshyadavdev/angular-devtools/commits?author=santoshyadavdev" title="Code">💻</a> <a href="#maintenance-santoshyadavdev" title="Maintenance">🚧</a> <a href="https://github.com/santoshyadavdev/angular-devtools/pulls?q=is%3Apr+reviewed-by%3Asantoshyadavdev" title="Reviewed Pull Requests">👀</a> <a href="https://github.com/santoshyadavdev/angular-devtools/commits?author=santoshyadavdev" title="Documentation">📖</a> <a href="#infra-santoshyadavdev" title="Infrastructure (Hosting, Build-Tools, etc)">🚇</a></td>
<td align="center" valign="top" width="14.28%"><a href="https://erkamyaman.dev"><img src="https://avatars.githubusercontent.com/u/88717125?v=4?s=100" width="100px;" alt="erKam"/><br /><sub><b>erKam</b></sub></a><br /><a href="https://github.com/santoshyadavdev/angular-devtools/commits?author=erkamyaman" title="Code">💻</a> <a href="#maintenance-erkamyaman" title="Maintenance">🚧</a> <a href="https://github.com/santoshyadavdev/angular-devtools/pulls?q=is%3Apr+reviewed-by%3Aerkamyaman" title="Reviewed Pull Requests">👀</a> <a href="https://github.com/santoshyadavdev/angular-devtools/commits?author=erkamyaman" title="Documentation">📖</a> <a href="#infra-erkamyaman" title="Infrastructure (Hosting, Build-Tools, etc)">🚇</a></td>
<td align="center" valign="top" width="14.28%"><a href="https://www.abikb.xyz/"><img src="https://avatars.githubusercontent.com/u/131433061?v=4?s=100" width="100px;" alt="Abiram"/><br /><sub><b>Abiram</b></sub></a><br /><a href="https://github.com/santoshyadavdev/angular-devtools/commits?author=abiramcodes" title="Code">💻</a></td>
<td align="center" valign="top" width="14.28%"><a href="https://kaap10.github.io/portfolio"><img src="https://avatars.githubusercontent.com/u/112063624?v=4?s=100" width="100px;" alt="Vardhman Gupta"/><br /><sub><b>Vardhman Gupta</b></sub></a><br /><a href="https://github.com/santoshyadavdev/angular-devtools/commits?author=Kaap10" title="Code">💻</a></td>
<td align="center" valign="top" width="14.28%"><a href="https://github.com/Nicoss54"><img src="https://avatars.githubusercontent.com/u/24563545?v=4?s=100" width="100px;" alt="Nicolas Frizzarin"/><br /><sub><b>Nicolas Frizzarin</b></sub></a><br /><a href="https://github.com/santoshyadavdev/angular-devtools/commits?author=Nicoss54" title="Code">💻</a></td>
<td align="center" valign="top" width="14.28%"><a href="https://nstudio.io"><img src="https://avatars.githubusercontent.com/u/457187?v=4?s=100" width="100px;" alt="Nathan Walker"/><br /><sub><b>Nathan Walker</b></sub></a><br /><a href="https://github.com/santoshyadavdev/angular-devtools/commits?author=NathanWalker" title="Code">💻</a></td>
</tr>
</tbody>
</table>
<!-- markdownlint-restore -->
<!-- prettier-ignore-end -->
<!-- ALL-CONTRIBUTORS-LIST:END -->
This project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind are welcome.
## License
MIT
Connection Info
You Might Also Like
No recommendations available