Blazrlytics - Diagnostics for Blazor Made Simple

NEW<br>Interactive diagnostics for Blazor .NET 10, .NET 9, and .NET 8

Diagnostics for Blazor Made Simple

The high-performance, real-time diagnostic overlay and Browser DevTools extension for Blazor developers. Easily locate components, track lifecycle events, find bottlenecks, and optimise your rendering.

Start Free Trial

See Live Demo

Program.cs

// Real-time diagnostics in 1 line<br>builder.Services.AddBlazrlytics();

One line setup

WASM & Server

Zero changes to your components

Locate components easily

Trace lifecycle events

Works with Component Libraries

Everything you need to optimise Blazor

Hook into your component lifecycle events to trace performance, parameter changes, and nested component trees with zero code pollution.

Works with Component libraries such as MudBlazor, MatBlazor etc. without any additional configuration. Blazrlytics is designed to work seamlessly with your existing components and libraries, giving you insights into their performance and behavior without any extra setup.

INSPECT

Visualise your Blazor Component Tree

See your entire Blazor component tree, and instantly identify those components directly on your page.

Observe your Blazor component lifecycle events in real-time. Use the heatmap visualisation to identify which components are rendering most frequently.

Instant view of your Blazor component tree

Visual highlighting of your Blazor components on your page

Heat map visualisation of component lifecycle events

https://localhost:7001/dashboard

LOCATE

Jump from Page to Component Instantly

Locate components inside deeply nested hierarchies with a single click. Blazrlytics displays their exact location in the render tree and identifies the Component Name and Namespace to allow you to quickly find the component in your source code..

Full component hierarchy visualisation

Maps rendered components directly to the source code

* Requires installation of the Devtools extension for Chrome or Edge

https://localhost:7001/dashboard

EVENT LIFECYCLE

Full event lifecycle tracing

Track every lifecycle hook—from SetParametersAsync and OnInitialized to OnAfterRender and ShouldRender. Compare state changes and use diff trees to locate parameters causing state mutation.

No more tracing with Console.WriteLine or guessing which parameters are causing re-renders. Blazrlytics gives you the full picture of your component's lifecycle and state changes in one place.

Trace every lifecycle event with detailed information

Accurate parameter diffing that show parameter delta changes

Locate and eliminate time consuming renders with microsecond accurate event timings

https://localhost:7001/dashboard

FILTER

Filter and Export Event Traces

Manage large flows of rendering logs. Use the built-in filters to isolate logs by execution duration, component type or namespace, or event type, and export the dataset as JSON or CSV files.

Filter logs to show only render events exceeding your time limit

Export raw event streams as spreadsheet CSV datasets

Export event payloads as JSON structure for external tools

https://localhost:7001/dashboard

DEVTOOLS EXTENSION

Dedicated Browser DevTools Panel

Prefer keeping your application interface clean? Launch the Blazrlytics Chrome or Edge DevTools extension to inspect performance side-by-side in your console without polluting your application layout tree.

Seamless integration into Chrome and Edge developer consoles

Extremely low performance overhead using browser service workers

Supports "Find with Blazrlytics" component locator

https://localhost:7001/dashboard

Inspect<br>Locate<br>Event Lifecycle<br>Filter<br>Devtools Extension

See Blazrlytics in Action

Experience Blazrlytics for yourself without writing a single line of code. We created a sandbox environment with Blazrlytics preloaded. Interact with live page components, triggers, state modifications, and inspect logs & components instantly.

Launch Sandbox App

Fully interactive demo sandbox

No installation or account required

Real-time dashboard preloaded

Click to open live sandbox

https://demo.blazrlytics.com

Accessible plans for all developers

Get the benefits of Blazrlytics for yourself with our 1 month free trial. Cancel anytime, no credit card required.

Monthly

Annually

Developer License

For individual developers profiling Blazor apps.

3.99<br>/ month

Includes VAT, cancel anytime

What's included:

.NET 10, .NET 9, and .NET 8 support

Live component tree with highlighter

Blazor Server & WebAssembly support

Deep nested component locator

One line setup

Full lifecycle trace

Full on-page overlay dashboard

Filtering and CSV or JSON log exporting

Browser DevTools Extension integration

Component library support with no extra code

Start Free Trial<br>No credit card required. Setup in 2 minutes.

An unhandled error has occurred.<br>Reload<br>🗙