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

Diagnostics for Blazor Made Simple

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

Program.cs
// Real-time diagnostics in 1 line
builder.Services.AddBlazrlytics();
Blazrlytics UI Overlay
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
Highlighting Components
 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
https://localhost:7001/dashboard
Source Code Locator
 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
Lifecycle Event Tracing
 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
Filter and Export
 DEVTOOLS EXTENSION

Dedicated Browser DevTools Panel

Prefer keeping your application interface clean? Launch the Blazrlytics Chrome 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
Chrome 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.

Fully interactive demo sandbox
No installation or account required
Real-time dashboard preloaded
Click to open live sandbox
https://demo.blazrlytics.com
Blazrlytics Demo Workspace

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.

£ TBC / 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
  • Chrome DevTools Extension integration
  • Component library support with no extra code
An unhandled error has occurred. Reload 🗙