MudShell 0.0.4
There is a newer version of this package available.
See the version list below for details.
See the version list below for details.
dotnet add package MudShell --version 0.0.4
NuGet\Install-Package MudShell -Version 0.0.4
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="MudShell" Version="0.0.4" />
For projects that support PackageReference, copy this XML node into the project file to reference the package.
<PackageVersion Include="MudShell" Version="0.0.4" />
<PackageReference Include="MudShell" />
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 MudShell --version 0.0.4
The NuGet Team does not provide support for this client. Please contact its maintainers for support.
#r "nuget: MudShell, 0.0.4"
#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 MudShell@0.0.4
#: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=MudShell&version=0.0.4
#tool nuget:?package=MudShell&version=0.0.4
The NuGet Team does not provide support for this client. Please contact its maintainers for support.
MudShell
A Razor Class Library of opinionated Blazor components built on top of MudBlazor 9, designed for dark-mode AI-shell style applications.
Features
- ๐จ Pre-configured dark/light
MudThemeโ just callCreateDarkTheme() - ๐
MbxAppShellโ full-page shell with collapsible sidebar, background image/palette modes - ๐ฑ Fully responsive โ sidebar on desktop,
MbxBottomNavon mobile (โค 959 px) - ๐ฌ
MbxChatBarโ glassmorphism input bar - ๐
MbxDocumentCard,MbxFilterTabBar,MbxPageHeader - All components use scoped CSS โ zero global style pollution
Quick start
1. Add the project reference
<ItemGroup>
<ProjectReference Include="..\MudShell\MudShell.csproj" />
</ItemGroup>
2. Register services
// Program.cs
builder.Services.AddMudShell();
3. Add global imports
@* _Imports.razor *@
@using MudShell
@using MudShell.Components.AppShell
@using MudShell.Components.Sidebar
@using MudShell.Components.BottomNav
@using MudShell.Components.ChatBar
@using MudShell.Components.DocumentCard
@using MudShell.Components.FilterTabBar
@using MudShell.Components.PageHeader
4. Add MudBlazor providers to your root component
MbxAppShell is a pure layout shell โ it does not register MudBlazor providers internally.
You must declare them once in your app's root component (e.g. Routes.razor) to avoid a
duplicate section-ID crash at runtime:
@* Routes.razor *@
<MudThemeProvider Theme="@myTheme" />
<MudPopoverProvider />
<MudSnackbarProvider />
<MudDialogProvider />
<Router AppAssembly="typeof(App).Assembly">
...
</Router>
5. Use MbxAppShell in your layout
@* MainLayout.razor *@
@inherits LayoutComponentBase
<MbxAppShell BackgroundMode="MbxAppShell.MbxBackgroundMode.Palette">
<SidebarContent>
</SidebarContent>
<ChildContent>
@Body
</ChildContent>
<BottomNavContent>
<MbxBottomNav Items="@navItems" />
</BottomNavContent>
</MbxAppShell>
Documentation
- Getting started
- Theming
- Responsive
- Architecture
- Components: AppShell ยท Sidebar ยท BottomNav ยท ChatBar ยท DocumentCard ยท FilterTabBar ยท PageHeader
| Product | Versions 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.
-
net10.0
- MudBlazor (>= 9.5.0)
NuGet packages
This package is not used by any NuGet packages.
GitHub repositories
This package is not used by any popular GitHub repositories.