OutWit.Shared.Blazor.Shell 1.1.0

.NET 10.0 This package targets .NET 10.0. The package is compatible with this framework or higher. 
dotnet add package OutWit.Shared.Blazor.Shell --version 1.1.0
                    


                    

                
NuGet\Install-Package OutWit.Shared.Blazor.Shell -Version 1.1.0
This command is intended to be used within the Package Manager Console in Visual Studio, as it uses the NuGet module's version of Install-Package. 
<PackageReference Include="OutWit.Shared.Blazor.Shell" Version="1.1.0" />
For projects that support PackageReference, copy this XML node into the project file to reference the package. 
<PackageVersion Include="OutWit.Shared.Blazor.Shell" Version="1.1.0" />
                    


                            Directory.Packages.props
                        

                    

                
<PackageReference Include="OutWit.Shared.Blazor.Shell" />
                    


                            Project file
For projects that support Central Package Management (CPM), copy this XML node into the solution Directory.Packages.props file to version the package. 
paket add OutWit.Shared.Blazor.Shell --version 1.1.0
                    


                    

                
#r "nuget: OutWit.Shared.Blazor.Shell, 1.1.0"
#r directive can be used in F# Interactive and Polyglot Notebooks. Copy this into the interactive tool or source code of the script to reference the package. 
#:package OutWit.Shared.Blazor.Shell@1.1.0
#:package directive can be used in C# file-based apps starting in .NET 10 preview 4. Copy this into a .cs file before any lines of code to reference the package. 
#addin nuget:?package=OutWit.Shared.Blazor.Shell&version=1.1.0
                    


                            Install as a Cake Addin
                        

                    

                
#tool nuget:?package=OutWit.Shared.Blazor.Shell&version=1.1.0
                    


                            Install as a Cake Tool

OutWit.Shared.Blazor.Shell

Generic Material 3 admin shell for Blazor WebAssembly apps, built on MudBlazor. Self-contained: no product-specific dependencies — drop into any WASM app, pass branding via parameters, fill slots for product bits.

What's inside

  • AppShellLayout — top app bar (with menu button + theme toggle), mini navigation drawer, breakpoint-driven mobile collapse, Material 3 light / dark palettes via ThemeFactory.
  • ThemeFactory / ThemeDefaults — the canonical OutWit theme (navy primary, lime accent).
  • CSS at _content/OutWit.Shared.Blazor.Shell/css/ — m3-tokens.css, m3-appbar.css, m3-nav.css, shell.css.
  • AppNotFound page — wired to /notfound.
  • DisplayUtils — name → initials, OIDC-claims → display name helpers.
  • LoginMenuItem — record type used by product-side login UI components to define dropdown menu entries.

Usage

index.html:

<link rel="stylesheet" href="_content/OutWit.Shared.Blazor.Shell/css/m3-tokens.css" />
<link rel="stylesheet" href="_content/OutWit.Shared.Blazor.Shell/css/m3-appbar.css" />
<link rel="stylesheet" href="_content/OutWit.Shared.Blazor.Shell/css/m3-nav.css" />
<link rel="stylesheet" href="_content/OutWit.Shared.Blazor.Shell/css/shell.css" />

<link rel="stylesheet" href="_content/MudBlazor.FontIcons.MaterialSymbols/css/font.min.css" />

MainLayout.razor:

@inherits LayoutComponentBase

<AppShellLayout Title="My App"
                Header="My App"
                Description="..."
                LogoDarkUrl="/logo-light.svg"
                LogoLightUrl="/logo.svg">
    <NavigationItems>
        <MudNavLink Href="/" Icon="@Icons.Material.Outlined.Dashboard">Home</MudNavLink>
    </NavigationItems>
    <HeaderEnd>
        
        <MudIconButton Icon="@Icons.Material.Outlined.AccountCircle" Color="Color.Inherit" />
    </HeaderEnd>
    <ChildContent>@Body</ChildContent>
</AppShellLayout>

Parameters

Parameter Type Purpose
Title string <title> element via <HeadContent>.
Header string App name shown in the app bar.
Description string <meta name="description">.
LogoDarkUrl string Logo rendered on the dark navy app bar (usually a light / inverted logo).
LogoLightUrl string URL used for the page favicon.
NavigationItems RenderFragment Slot rendered inside the drawer's MudNavMenu.
HeaderEnd RenderFragment Slot at the right end of the app bar (after spacer + theme toggle).
Footer RenderFragment Slot rendered below MudLayout for product-specific badges (e.g. version).
ChildContent RenderFragment Optional. When nested in another layout, pass @Body. When used directly, Body is used.

Versioning

Apache-2.0, MinVer-based. Targets net10.0; requires MudBlazor 9.4+.

Product Compatible and additional computed target framework versions.
.NET net10.0 is compatible.  net10.0-android was computed.  net10.0-browser was computed.  net10.0-ios was computed.  net10.0-maccatalyst was computed.  net10.0-macos was computed.  net10.0-tvos was computed.  net10.0-windows was computed. 
Compatible target framework(s)
Included target framework(s) (in package)
Learn more about Target Frameworks and .NET Standard.

NuGet packages (1)

Showing the top 1 NuGet packages that depend on OutWit.Shared.Blazor.Shell:

Package Downloads
OutWit.Identity.Blazor

Blazor WebAssembly auth-side bits for WitIdentity-consuming applications: OIDC login/logout UI (LoginDisplay), authentication redirect handling, the TenantManifest / BrandingOptions / OidcClientSettings DTOs the server's /branding.json endpoint serves, and a thin IdentityShellLayout wrapper that fills the generic OutWit.Shared.Blazor.Shell shell with WitIdentity branding + login UI. The generic Material 3 shell + theme themselves live in OutWit.Shared.Blazor.Shell.

GitHub repositories

This package is not used by any popular GitHub repositories.

Version Downloads Last Updated
1.1.0 0 5/28/2026
1.0.0 140 5/15/2026