Get Started

Add real-time diagnostics to your Blazor application in under a minute.

Install the Package

dotnet add package Blazrlytics

Or search for Blazrlytics in the NuGet Package Manager.

Register the Service

// Program.cs builder.Services.AddBlazrlytics();

That's it — Blazrlytics automatically instruments every component in your application.

Open the Dashboard

Choose how you want to access the Blazrlytics dashboard:

Chrome DevTools Extension

Install the extension for a dedicated panel in your browser's DevTools.

Chrome Web Store →

On-Page Overlay

Add the built-in diagnostic panel directly to your layout.

<DiagnosticsPanel />

Add this to your MainLayout.razor

Once configured, Blazrlytics automatically instruments every component in your application. This includes components in shared libraries, or nuget packages. Open the dashboard and you'll see real-time lifecycle events — OnInitialized, SetParametersAsync, OnAfterRender, and more — as your users interact with the page. No changes to your existing components are needed.

Configuration Options

Blazrlytics accepts an options lambda for advanced configuration — filter namespaces, enable stack traces, set performance thresholds, and more.

builder.Services.AddBlazrlytics(options =>
{
    options.IncludeStackTrace = true;
    options.ExcludeNamespaces = ["Microsoft.AspNetCore"];
    options.PerformanceThresholdMicroSeconds = 1000;
});

Full Setup Reference →

Want to see Blazrlytics in action before installing? You're already inside a fully instrumented Blazor app. Click the Blazrlytics icon at the bottom of the screen to open the dashboard, then explore the feature demos in the sidebar.