CodeBeam.MudBlazor.Extensions 9.0.0-preview.1

.NET 8.0 This package targets .NET 8.0. The package is compatible with this framework or higher.
This is a prerelease version of CodeBeam.MudBlazor.Extensions. 
dotnet add package CodeBeam.MudBlazor.Extensions --version 9.0.0-preview.1
                    


                    

                
NuGet\Install-Package CodeBeam.MudBlazor.Extensions -Version 9.0.0-preview.1
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="CodeBeam.MudBlazor.Extensions" Version="9.0.0-preview.1" />
For projects that support PackageReference, copy this XML node into the project file to reference the package. 
<PackageVersion Include="CodeBeam.MudBlazor.Extensions" Version="9.0.0-preview.1" />
                    


                            Directory.Packages.props
                        

                    

                
<PackageReference Include="CodeBeam.MudBlazor.Extensions" />
                    


                            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 CodeBeam.MudBlazor.Extensions --version 9.0.0-preview.1
                    


                    

                
#r "nuget: CodeBeam.MudBlazor.Extensions, 9.0.0-preview.1"
#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 CodeBeam.MudBlazor.Extensions@9.0.0-preview.1
#: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=CodeBeam.MudBlazor.Extensions&version=9.0.0-preview.1&prerelease
                    


                            Install as a Cake Addin
                        

                    

                
#tool nuget:?package=CodeBeam.MudBlazor.Extensions&version=9.0.0-preview.1&prerelease
                    


                            Install as a Cake Tool

CodeBeam.MudExtensions

Useful third party extension components for MudBlazor, from the community contributors.
TheMudSecondary

GitHub Repo stars GitHub last commit Contributors NuGet version NuGet downloads codecov

Utilities

  • MudCssManager

Components

  • MudAnimate
  • MudBarcode
  • MudChipField
  • MudCodeInput
  • MudColorProvider
  • MudComboBox
  • MudCsvMapper
  • MudDateWheelPicker
  • MudFontPicker
  • MudGallery
  • MudInputStyler
  • MudLoading
  • MudLoadingButton
  • MudPage
  • MudPasswordField
  • MudPopup
  • MudRangeSlider
  • MudScrollbar
  • MudSection
  • MudSpeedDial
  • MudSplitter
  • MudSwitchM3
  • MudTeleport
  • MudTextM3
  • MudToggle
  • MudTransferList
  • MudWatch
  • MudWheel

Extended Components

  • MudListExtended
  • MudSelectExtended
  • MudStepperExtended
  • MudTextFieldExtended

Playground

Breaking Changes

Look at the Breaking Changes

API

https://mudextensions.codebeam.org/api

Supported MudBlazor Versions

MudExtensions MudBlazor .NET Support
6.0.0 - 6.0.3 6.0.16 .NET 6 Ended
6.0.4 - 6.0.12 6.0.17 - 6.0.18 .NET 6 Ended
6.1.0 - 6.1.4 6.1.0 - 6.1.2 .NET 6 & 7 Ended
6.1.5 - 6.1.9 6.1.4 - 6.1.7 .NET 6 & 7 Ended
6.2.0 - 6.2.5 6.1.8 .NET 6 & 7 Ended
6.2.6 - 6.4.8 6.1.9 - 6.2.0 .NET 6 & 7 Ended
6.4.9 - 6.6.x 6.2.1 - 6.11.1 .NET 6 & 7 Ended
6.8.0 - 6.9.2 6.12.0 - 6.21.0 .NET 6 & 7 & 8 Ended
7.0.0 - 7.1.0 7.0.0 - 7.16.0 .NET 7 & 8 Ended
8.0.0 ⇒ 8.0.0 ⇒ .NET 8 & 9 Limited
9.0.0 ⇒ 9.0.0 ⇒ .NET 8 & 9 & 10 Full

Installation

This extension uses MudBlazor features (need to set up MudBlazor if you didn't before), so only need to add this line described below:<br /><br /> Add the following to your HTML head section, it's either index.html or _Layout.cshtml/_Host.cshtml depending on whether you're running Server-Side or WASM.

<link href="_content/CodeBeam.MudBlazor.Extensions/MudExtensions.min.css" rel="stylesheet" />

Add the following to your HTML body section

<script src="_content/CodeBeam.MudBlazor.Extensions/MudExtensions.min.js"></script>

Add the extension services into Program.cs

using MudExtensions.Services;
builder.Services.AddMudExtensions();

Adding namespace to _Imports.razor is not obligatory, but useful.

@using MudExtensions

Examples

Each example is recorded in the playground website.

MudAnimate

https://user-images.githubusercontent.com/78308169/194701300-e4ad517a-8fbb-4a5e-9407-a5a585157685.mp4

MudCodeInput

https://user-images.githubusercontent.com/78308169/213863531-fa817188-3194-4858-8642-ace98a324b32.mp4

MudDateWheelPicker

https://user-images.githubusercontent.com/78308169/198103805-56f9403b-dcdd-4e82-a02e-e53426d55ad5.mp4

MudFontPicker

https://user-images.githubusercontent.com/78308169/196959281-76d6e05b-8368-43a2-a562-658dbd4ea3a9.mp4

MudGallery

https://user-images.githubusercontent.com/78308169/197382396-6ff0a926-e52a-4554-b408-5736ebd539c9.mp4

MudInputStyler

https://user-images.githubusercontent.com/78308169/198103898-41a8eb8a-ba0a-4f06-adfe-ced24c76b4e5.mp4

MudPopup

https://user-images.githubusercontent.com/78308169/198975726-d2633c10-8059-4fc6-8e8a-ce9dd79ed018.mp4

MudSpeedDial

https://user-images.githubusercontent.com/78308169/194750397-e0dfd08c-c297-426f-bcd6-55ce2e7c4a25.mp4

MudStepper

https://user-images.githubusercontent.com/78308169/195593490-6fd8d5fe-0472-4b9b-8180-ef6b9d94bcbd.mp4

MudWheel

https://user-images.githubusercontent.com/78308169/195979884-7cf1698c-ce0a-400f-83a7-2accf6fff8c5.mp4

Contribution

Feel free to contribute.

Updating css / Compiling from scss

  • If you update or create an new scss file you will need to compile the scss to css using excubo webcompiler during a solution rebuild.
  • Install Nuget Package Excubo.WebCompiler for SCSS
    • From command line run: dotnet add package Excubo.WebCompiler
  • If add a new scss file you will need to add define it in the MudExtensions.scs
  • Uncomment this line
  • The css will compile when you "rebuild" the solution
  • Re-Comment the code you un commented in the previous step
  • The css will compile on rebuild
  • Re-Comment the code you un commented.

If adding a scss you will need to add define it in the MudExtensions.scs

Product Compatible and additional computed target framework versions.
.NET net8.0 is compatible.  net8.0-android was computed.  net8.0-browser was computed.  net8.0-ios was computed.  net8.0-maccatalyst was computed.  net8.0-macos was computed.  net8.0-tvos was computed.  net8.0-windows was computed.  net9.0 is compatible.  net9.0-android was computed.  net9.0-browser was computed.  net9.0-ios was computed.  net9.0-maccatalyst was computed.  net9.0-macos was computed.  net9.0-tvos was computed.  net9.0-windows was computed.  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 (12)

Showing the top 5 NuGet packages that depend on CodeBeam.MudBlazor.Extensions:

Package Downloads
Elsa.Studio.Core

Core Elsa Studio services.
AMS-Utl

Package Description
Corsinvest.AppHero.Core.MudBlazorUI

Package Description
AonBlzrDevOps

Package Description
VaultForce.SharedClient

shared resources

GitHub repositories (7)

Showing the top 7 popular GitHub repositories that depend on CodeBeam.MudBlazor.Extensions:

Repository Stars
DragoQCC/CrucibleC2
A C# Command & Control framework
CervantesSec/cervantes
Cervantes is an open-source, collaborative platform designed specifically for pentesters and red teams. It serves as a comprehensive management tool, streamlining the organization of projects, clients, vulnerabilities, and reports in a single, centralized location.
MindWorkAI/AI-Studio
AI Studio is an independent app for utilizing LLMs.
elsa-workflows/elsa-studio
A modular, extensible dashboard application framework
JiuLing-zhang/ComputerLock
透明锁屏-锁屏时保持屏幕内容可见！防止误操作，保护隐私。适用于展示、娱乐和安全场景。
pkuehnel/TeslaSolarCharger
A software to let your Tesla charge with solar energy ☀
akpaevj/oneswiss
Система обслуживания и мониторинга информационных баз 1С
Version Downloads Last Updated
9.0.0-preview.1 96 12/26/2025
8.3.0 22,787 11/18/2025
8.2.6 1,480 11/15/2025
8.2.5 16,108 10/28/2025
8.2.4 211,033 7/12/2025
8.2.3 24,679 6/22/2025
8.2.2 46,398 6/8/2025
8.2.1 29,140 5/15/2025
8.2.0 17,376 5/1/2025
8.1.0 21,079 4/23/2025
8.0.0 204,821 1/19/2025
8.0.0-preview.1 1,171 11/18/2024
7.1.0 106,188 11/18/2024
7.0.2 70,639 10/14/2024
7.0.1 90,342 8/14/2024
7.0.0 24,261 7/19/2024
7.0.0-rc.1 5,329 6/22/2024
7.0.0-preview.4 1,630 5/28/2024
7.0.0-preview.3 599 5/16/2024
7.0.0-preview.2 222 5/3/2024
6.9.2 235,451 4/7/2024
6.9.1 32,482 3/10/2024
6.9.0 34,938 2/8/2024
6.8.0 25,357 1/9/2024
6.7.0 28,262 12/15/2023
6.6.3 55,343 11/25/2023
6.6.2 21,157 10/24/2023
6.6.1 4,050 10/18/2023
6.6.0 53,963 10/1/2023
6.5.10 16,854 9/9/2023
6.5.9 5,286 8/28/2023
6.5.8 4,621 8/19/2023
6.5.7 2,338 8/12/2023
6.5.6 7,018 7/29/2023
6.5.5 7,080 7/16/2023
6.5.4 3,861 7/7/2023
6.5.3 4,887 7/1/2023
6.5.2 8,185 6/24/2023
6.5.1 3,871 6/12/2023
6.5.0.2 8,051 5/26/2023
6.4.13 2,339 5/19/2023
6.4.12 4,995 4/26/2023
6.4.11 1,733 4/23/2023
6.4.10 1,117 4/19/2023
6.4.9 2,497 4/15/2023
6.4.8 1,336 4/12/2023
6.4.7 1,051 4/8/2023
6.4.6 3,560 3/30/2023
6.4.5 1,082 3/23/2023
6.4.4 1,228 3/19/2023
6.4.3 1,368 3/10/2023
6.4.2 1,293 3/5/2023
6.4.1 1,741 3/1/2023
6.4.0 4,987 2/27/2023