Fleet View: Real-Time MudBlazor Dashboard

Building an interactive fleet management dashboard with MudBlazor data tables and real-time status updates.

March 29, 2026 · 1 min read

The Fleet View

Every SC TradeMasters user manages a fleet. They need to see their ships, cargo capacity, current status, and assigned routes at a glance. The Fleet View is that dashboard.

MudBlazor Data Tables

We chose MudBlazor's MudDataGrid for the fleet table. It gives us sorting, filtering, and pagination out of the box. But we needed custom cell renderers for status indicators and profit projections.

The status column uses a custom CellTemplate with color-coded chips: green for active, amber for docked, red for damaged. Each chip pulses subtly using CSS keyframes — it makes the dashboard feel alive.

Responsive Design

The fleet table needs to work on mobile. Star Citizen players check routes on their phone while waiting for quantum travel. We collapse the table into card view below 768px using MudBlazor's responsive breakpoints.

Lessons

MudBlazor v9's data grid is powerful but opinionated. Fighting its defaults wastes time. Work with the component, not against it. Custom theming through CSS variables (our Dark Forge tokens) gives us the branded look without forking the component.

blazormudblazoruistar-citizen