Static WebAssembly demo on GitHub Pages. Everything runs in your browser; server-only features use labeled stand-ins. Run locally for the full Blazor Server experience.

Page samples

Whole pages, composed

Real screens built only from MudBlazor components and a little CSS: how the pieces fit together once you leave the single-component example behind. Every sample uses synthetic data and runs in both hosts.

  1. 01 Account settings A staff portal's settings: sections in a side list, a draft copy with unsaved-change markers, save and discard, a leave-page guard, theme preview tiles, signed-in devices with undo, and a typed confirmation for deleting the account. MudList · MudChipSet · MudTextField · MudSwitch · MudRadioGroup · MudToggleGroup · MudAvatar · MudDialog · MudMessageBox · MudSnackbar · MudHidden
  2. 02 Admin records Member records for a public library: a data grid that pages, sorts and filters on a simulated server with latency, cancellation and failures, plus bulk actions, an edit dialog on a copy, delete confirmation and CSV export. MudDataGrid · SelectColumn · PropertyColumn · TemplateColumn · MudDataGridPager · MudDialog · MudMessageBox · MudRadioGroup · MudNumericField · MudAlert · MudSnackbar
  3. 03 Analytics dashboard A bakery chain's trading overview: KPI tiles with sparklines, a period-over-period revenue chart, quarter targets, best sellers and an activity log, all filtered by one date range. MudChart · MudToggleGroup · MudDateRangePicker · MudSelect · MudTable · MudTimeline · MudProgressLinear · MudChip · MudGrid
  4. 04 Checkout A five-step checkout for a tea shop: basket review, a validated address form with masks, delivery options as radio cards, card payment with a checksum, and a review step, beside a live order summary. MudStepper · MudStep · MudForm · MudTextField · PatternMask · MudRadioGroup · MudNumericField · MudCheckBox · MudBadge · MudChip · MudSnackbar
  5. 05 Inbox A three-pane mail client for an observatory: folders, a message list with unread state and bulk selection, a reading pane, highlighted search and undoable actions. On a phone it collapses to one pane at a time. MudList · MudCheckBox · MudHighlighter · MudToggleIconButton · MudTooltip · MudSnackbar · MudMessageBox · MudSelect · MudForm
  6. 06 Kanban board A sprint board for a transit app team: drag cards between columns, respect work-in-progress limits, filter by label or person, and edit cards in a dialog that works on a copy. MudDropContainer · MudDropZone · MudDialog · MudChipSet · MudAvatarGroup · MudDatePicker · MudSwitch · MudAlert · MudSnackbar
  7. 07 Pricing A lab notebook's pricing page: a monthly or yearly toggle with a savings badge, a team-size slider that reprices three plan cards, a feature comparison table and FAQ panels. MudToggleGroup · MudSlider · MudPaper · MudChip · MudSimpleTable · MudExpansionPanels · MudDialog · MudSnackbar
  8. 08 Sign in An observatory portal's sign-in and create-account card: MudForm validation, a password reveal, a reset dialog, simulated requests with progress, errors and a lockout. Nothing is ever sent. MudTabs · MudForm · MudTextField · MudCheckBox · MudSelect · MudDialog · MudProgressLinear · MudAlert · MudChip · MudHidden
  9. 09 Storefront A small independent bookshop: faceted filters with removable chips, sorting, paged product cards with drawn covers, and a basket drawer that totals as you change quantities. MudCard · MudCheckBox · MudSlider · MudRating · MudSwitch · MudChip · MudSelect · MudPagination · MudDrawer · MudNumericField · MudBadge · MudSnackbar
  10. 10 User profile An astronomer's public profile: a header with avatar, stats and a follow button, tabs for an activity timeline, project cards and an about page, and skill chips readers can endorse. MudAvatar · MudTabs · MudTimeline · MudCard · MudChipSet · MudAvatarGroup · MudMenu · MudDialog · MudProgressLinear · MudList

Starting .NET in your browser…