A lab manual for Blazor and MudBlazor · .NET 10
Learn by changing working examples.
Nine labs explain how Blazor behaves, and why. A gallery shows every MudBlazor component in working examples, every parameter combination, and playgrounds that write the markup for you. Complete page samples show how the pieces fit together. Read the source beside each one, change one thing, and watch what happens.
9
Labs
State, forms, grids, HTTP, persistence, authentication, localization, files and observability. Each lab states its objective, a common mistake and an exercise.
Choose a learning path →84
Components
Buttons to data grids to charts. Every example shows the exact Razor that rendered it, and matrices put every variant and color side by side.
Open the gallery →10
Page samples
Dashboards, sign-in, settings, a storefront, a kanban board and more: whole screens composed only from MudBlazor components.
See the samples →Run it yourself
git clone https://github.com/jonathanperis/blazor-mudblazor-starter.git
cd blazor-mudblazor-starter
dotnet run --project src/WebClientThis host
You are using the Blazor WebAssembly host.
Counter and grid experiments reset with their component or browser tab. Notebook entries are kept in this browser's localStorage (the server host uses SQLite).