{"id":13807475,"url":"https://github.com/CodeBeamOrg/CodeBeam.MudBlazor.Extensions","last_synced_at":"2025-05-14T00:31:37.124Z","repository":{"id":60726409,"uuid":"544899091","full_name":"CodeBeamOrg/CodeBeam.MudBlazor.Extensions","owner":"CodeBeamOrg","description":"Useful third party extension components for MudBlazor, from the contributors.","archived":false,"fork":false,"pushed_at":"2025-04-29T10:44:39.000Z","size":1795,"stargazers_count":497,"open_issues_count":107,"forks_count":82,"subscribers_count":16,"default_branch":"dev","last_synced_at":"2025-04-29T11:26:32.483Z","etag":null,"topics":["blazor","component-library","mudblazor","ui-components"],"latest_commit_sha":null,"homepage":"https://mudextensions.codebeam.org/","language":"C#","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/CodeBeamOrg.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2022-10-03T12:33:38.000Z","updated_at":"2025-04-29T10:44:43.000Z","dependencies_parsed_at":"2023-10-20T22:26:24.228Z","dependency_job_id":"8fa1f96b-dcec-48a6-b834-33e55f1a46e6","html_url":"https://github.com/CodeBeamOrg/CodeBeam.MudBlazor.Extensions","commit_stats":{"total_commits":419,"total_committers":33,"mean_commits":"12.696969696969697","dds":"0.15990453460620524","last_synced_commit":"53e990f91dabddba24b76099d95aca5fede831a1"},"previous_names":[],"tags_count":74,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/CodeBeamOrg%2FCodeBeam.MudBlazor.Extensions","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/CodeBeamOrg%2FCodeBeam.MudBlazor.Extensions/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/CodeBeamOrg%2FCodeBeam.MudBlazor.Extensions/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/CodeBeamOrg%2FCodeBeam.MudBlazor.Extensions/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/CodeBeamOrg","download_url":"https://codeload.github.com/CodeBeamOrg/CodeBeam.MudBlazor.Extensions/tar.gz/refs/heads/dev","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254046324,"owners_count":22005573,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["blazor","component-library","mudblazor","ui-components"],"created_at":"2024-08-04T01:01:25.857Z","updated_at":"2025-05-14T00:31:32.113Z","avatar_url":"https://github.com/CodeBeamOrg.png","language":"C#","funding_links":[],"categories":["Libraries \u0026 Extensions"],"sub_categories":["Component bundles"],"readme":"# CodeBeam.MudExtensions\n\n#### Useful third party extension components for MudBlazor, from the community contributors.\n\n##### `TheMudSecondary`\n\n[![GitHub Repo stars](https://img.shields.io/github/stars/codebeamorg/codebeam.mudblazor.extensions?color=594ae2\u0026style=flat-square\u0026logo=github)](https://github.com/codebeamorg/codebeam.mudblazor.extensions/stargazers)\n[![GitHub last commit](https://img.shields.io/github/last-commit/codebeamorg/codebeam.mudblazor.extensions?color=594ae2\u0026style=flat-square\u0026logo=github)](https://github.com/codebeamorg/codebeam.mudblazor.extensions)\n[![Contributors](https://img.shields.io/github/contributors/codebeamorg/codebeam.mudblazor.extensions?color=594ae2\u0026style=flat-square\u0026logo=github)](https://github.com/codebeamorg/codebeam.mudblazor.extensions/graphs/contributors)\n[![NuGet version](https://img.shields.io/nuget/v/CodeBeam.mudblazor.extensions?color=ff4081\u0026label=nuget%20version\u0026logo=nuget\u0026style=flat-square)](https://www.nuget.org/packages/CodeBeam.MudBlazor.Extensions)\n[![NuGet downloads](https://img.shields.io/nuget/dt/CodeBeam.mudblazor.extensions?color=ff4081\u0026label=nuget%20downloads\u0026logo=nuget\u0026style=flat-square)](https://www.nuget.org/packages/CodeBeam.MudBlazor.Extensions)\n\n## Utilities\n\n- MudCssManager\n\n## Components\n\n- MudAnimate\n- MudBarcode\n- MudChipField\n- MudCodeInput\n- MudColorProvider\n- MudComboBox\n- MudCsvMapper\n- MudDateWheelPicker\n- MudFontPicker\n- MudGallery\n- MudInputStyler\n- MudLoading\n- MudLoadingButton\n- MudPage\n- MudPasswordField\n- MudPopup\n- MudRangeSlider\n- MudScrollbar\n- MudSection\n- MudSpeedDial\n- MudSplitter\n- MudSwitchM3\n- MudTeleport\n- MudTextM3\n- MudToggle\n- MudTransferList\n- MudWatch\n- MudWheel\n\n## Extended Components\n\n- MudListExtended\n- MudSelectExtended\n- MudStepperExtended\n- MudTextFieldExtended\n\n## Playground\n\n- **Docs**\nhttps://codebeam-mudextensions.pages.dev/\n- **Try MudExtensions**\nhttps://trymudextensions.pages.dev/\n\n## Breaking Changes\n\nLook at the [Breaking Changes](https://github.com/CodeBeamOrg/CodeBeam.MudBlazor.Extensions/blob/dev/BreakingChanges.md)\n\n## API\n\nhttps://codebeam-mudextensions.pages.dev/api\n\n## Supported MudBlazor Versions\n\n| MudExtensions  |    MudBlazor    |      .NET       |\n| :------------- | :-------------: | :-------------: |\n| 6.0.0 - 6.0.3  |     6.0.16      |     .NET 6      |\n| 6.0.4 - 6.0.12 | 6.0.17 - 6.0.18 |     .NET 6      |\n| 6.1.0 - 6.1.4  |  6.1.0 - 6.1.2  | .NET 6 \u0026 7 |\n| 6.1.5 - 6.1.9  |  6.1.4 - 6.1.7  | .NET 6 \u0026 7 |\n| 6.2.0 - 6.2.5  |      6.1.8      | .NET 6 \u0026 7 |\n| 6.2.6 - 6.4.8  |  6.1.9 - 6.2.0  | .NET 6 \u0026 7 |\n| 6.4.9 - 6.6.x  |  6.2.1 - 6.11.1 | .NET 6 \u0026 7 |\n| 6.8.0 =\u003e  |  6.12.0 =\u003e | .NET 6 \u0026 7 \u0026 8 |\n| 7.0.0 =\u003e  |  7.3.0 =\u003e | .NET 7 \u0026 8 |\n\n## Installation\n\nThis extension uses MudBlazor features (need to set up MudBlazor if you didn't before), so only need to add this line described below:\u003cbr /\u003e\u003cbr /\u003e\nAdd 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.\n\n```html\n\u003clink href=\"_content/CodeBeam.MudBlazor.Extensions/MudExtensions.min.css\" rel=\"stylesheet\" /\u003e\n```\n\nAdd the following to your HTML **body** section\n\n```html\n\u003cscript src=\"_content/CodeBeam.MudBlazor.Extensions/MudExtensions.min.js\"\u003e\u003c/script\u003e\n```\n\nAdd the extension services into `Program.cs`\n\n```cs\nusing MudExtensions.Services;\nbuilder.Services.AddMudExtensions();\n```\n\nAdding namespace to `_Imports.razor` is not obligatory, but useful.\n\n```razor\n@using MudExtensions\n```\n\n## Examples\n\nEach example is recorded in the playground website.\n\n### MudAnimate\n\nhttps://user-images.githubusercontent.com/78308169/194701300-e4ad517a-8fbb-4a5e-9407-a5a585157685.mp4\n\n### MudCodeInput\n\nhttps://user-images.githubusercontent.com/78308169/213863531-fa817188-3194-4858-8642-ace98a324b32.mp4\n\n### MudDateWheelPicker\n\nhttps://user-images.githubusercontent.com/78308169/198103805-56f9403b-dcdd-4e82-a02e-e53426d55ad5.mp4\n\n### MudFontPicker\n\nhttps://user-images.githubusercontent.com/78308169/196959281-76d6e05b-8368-43a2-a562-658dbd4ea3a9.mp4\n\n### MudGallery\n\nhttps://user-images.githubusercontent.com/78308169/197382396-6ff0a926-e52a-4554-b408-5736ebd539c9.mp4\n\n### MudInputStyler\n\nhttps://user-images.githubusercontent.com/78308169/198103898-41a8eb8a-ba0a-4f06-adfe-ced24c76b4e5.mp4\n\n### MudPopup\n\nhttps://user-images.githubusercontent.com/78308169/198975726-d2633c10-8059-4fc6-8e8a-ce9dd79ed018.mp4\n\n### MudSpeedDial\n\nhttps://user-images.githubusercontent.com/78308169/194750397-e0dfd08c-c297-426f-bcd6-55ce2e7c4a25.mp4\n\n### MudStepper\n\nhttps://user-images.githubusercontent.com/78308169/195593490-6fd8d5fe-0472-4b9b-8180-ef6b9d94bcbd.mp4\n\n### MudWheel\n\nhttps://user-images.githubusercontent.com/78308169/195979884-7cf1698c-ce0a-400f-83a7-2accf6fff8c5.mp4\n\n## Contribution\n\nFeel free to contribute.\n\n## Updating css / Compiling from scss\n- 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.\n- Install Nuget Package [Excubo.WebCompiler](https://www.nuget.org/packages/Excubo.WebCompiler) for SCSS \n\t- From command line run: **dotnet add package Excubo.WebCompiler**\n- If add a new scss file you will need to add define it in the [MudExtensions.scs](https://github.com/CodeBeamOrg/CodeBeam.MudExtensions/blob/dev/CodeBeam.MudBlazor.Extensions/Styles/MudExtensions.css)\n- [Uncomment this line](https://github.com/CodeBeamOrg/CodeBeam.MudBlazor.Extensions/blob/9d46ab49cc39bcbc5ed7f3c184db57201eca91cb/CodeBeam.MudBlazor.Extensions/CodeBeam.MudBlazor.Extensions.csproj#L42)\n- The css will compile when you \"rebuild\" the solution\n- Re-Comment the code you un commented in the previous step\n- The css will compile on rebuild\n- Re-Comment the code you un commented.\n### If adding a scss you will need to add define it in the [MudExtensions.scs](https://github.com/enkodellc/CodeBeam.MudExtensions/blob/dev/CodeBeam.MudBlazor.Extensions/Styles/MudExtensions.css)\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FCodeBeamOrg%2FCodeBeam.MudBlazor.Extensions","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FCodeBeamOrg%2FCodeBeam.MudBlazor.Extensions","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FCodeBeamOrg%2FCodeBeam.MudBlazor.Extensions/lists"}