https://github.com/AmadeusITGroup/ngrx-devtool
Debug NgRx with confidence
https://github.com/AmadeusITGroup/ngrx-devtool
angular ngrx ngrx-effects ngrx-store-devtools
Last synced: 15 days ago
JSON representation
Debug NgRx with confidence
- Host: GitHub
- URL: https://github.com/AmadeusITGroup/ngrx-devtool
- Owner: AmadeusITGroup
- License: mit
- Created: 2026-02-19T11:49:56.000Z (about 1 month ago)
- Default Branch: master
- Last Pushed: 2026-03-05T10:15:29.000Z (23 days ago)
- Last Synced: 2026-03-05T12:54:10.510Z (23 days ago)
- Topics: angular, ngrx, ngrx-effects, ngrx-store-devtools
- Language: TypeScript
- Homepage: https://amadeusitgroup.github.io/ngrx-devtool/
- Size: 43.3 MB
- Stars: 32
- Watchers: 0
- Forks: 2
- Open Issues: 11
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
Awesome Lists containing this project
- fucking-awesome-angular - ngrx-devtool - A development tool for visualizing and debugging NgRx state management in Angular applications. (Development Utilities / Debugging)
- awesome-angular - ngrx-devtool - A development tool for visualizing and debugging NgRx state management in Angular applications. (Development Utilities / Debugging)
README
NgRx DevTool
A development tool for visualizing and debugging NgRx state management in Angular applications.
Real-time action monitoring, effect tracking, state visualization, diff viewer, and performance metrics no browser extensions needed.
---
---
## Quick Start
### 1. Install
```bash
npm install @amadeus-it-group/ngrx-devtool
```
### 2. Configure your app
```typescript
// app.config.ts
import { provideNgrxDevTool, createDevToolMetaReducer } from '@amadeus-it-group/ngrx-devtool';
export const appConfig: ApplicationConfig = {
providers: [
provideStore(
{ /* your reducers */ },
{ metaReducers: [createDevToolMetaReducer()] }
),
provideEffects([YourEffects]),
provideNgrxDevTool({
wsUrl: 'ws://localhost:4000',
trackEffects: true,
}),
]
};
```
### 3. Run the DevTool server
```bash
npx ngrx-devtool
```
### 4. Open the UI
Open **http://localhost:3000** and start your Angular app.
---
For full documentation, configuration options, troubleshooting, and more, visit the **[documentation site](https://amadeusitgroup.github.io/ngrx-devtool/)**.
## Contributing
See [CONTRIBUTING.md](CONTRIBUTING.md) for guidelines on how to contribute to this project.