Modulis for Angular

Gain full visibility into your Angular application with change detection tracking, RxJS monitoring, and performance insights tailored for the Angular ecosystem.

Get Started View Setup Guide

Get Started in Minutes

Add Modulis to your Angular project with just a few lines of code.

Install the package

npm install @modulis/angular

Add ModulisModule to your app.module.ts

// app.module.ts
import { ModulisModule } from '@modulis/angular';

@NgModule({
  imports: [
    ModulisModule.forRoot({
      apiKey: 'YOUR_API_KEY',
    }),
  ],
})
export class AppModule {}

Deploy and monitor

Deploy your application and start seeing real-time telemetry data in your Modulis dashboard within seconds.

Key Features for Angular

Purpose-built instrumentation designed for the Angular ecosystem.

Change Detection Tracking

Monitor change detection cycles, identify unnecessary checks, and optimize rendering performance.

RxJS Observable Monitoring

Track observable subscriptions, detect memory leaks, and monitor async data flows.

Zone.js Integration

Deep integration with Zone.js for accurate async operation tracking and performance timing.

Lazy Load Tracking

Monitor lazy-loaded module performance, chunk sizes, and loading waterfall analysis.

Why Modulis + Angular?

Works with Angular 14+ and standalone components

Automatic HTTP interceptor instrumentation

Angular Universal SSR support

Compatible with NgRx and other state management libraries