Skip to content
Material Design components for Blazor and Razor Components
Branch: master
Clone or download
Latest commit e6d615d Apr 19, 2019
Type Name Latest commit message Commit time
Failed to load latest commit information.
content update docs Apr 9, 2019
docs gitter Apr 11, 2019
src Remove unused projects Apr 19, 2019
.gitignore MatButton Oct 31, 2018 Create Nov 2, 2018
LICENSE Apr 7, 2019 gitter Apr 11, 2019


Material Design components for Blazor and Razor Components

NuGet Gitter GitHub Stars GitHub Issues Live Demo MIT Donate

MatBlazor comprises a range of components which implement common interaction patterns according to the Material Design specification.

Demo and Documentation


Don't know what Blazor is? Read here

Complete all Blazor 0.9 dependencies.

  • .NET Core 3.0 Preview 3 SDK (3.0.100-preview3-010431)
  • Visual Studio 2019 (Preview 4 or later) with the ASP.NET and web development workload selected.
  • The latest Blazor extension from the Visual Studio Marketplace.
  • The Blazor templates on the command-line: dotnet new -i Microsoft.AspNetCore.Blazor.Templates::0.9.0-preview3-19154-02


Latest version in here: NuGet

To Install

Install-Package MatBlazor


dotnet add package MatBlazor

MatBlazor components for Razor Components

At the beginning of the your Blazor application, usually in MainLayout.cshtml please add <MatBlazorInstall/> component

<MatBlazorInstall />


MatBlazor Buttons Example

<MatButton OnClick="@Click">Text @ButtonState</MatButton>
<MatButton Raised="true">Raised</MatButton>
<MatButton Unelevated="true">Unelevated</MatButton>
<MatButton Outlined="true">Outlined</MatButton>
<MatButton Dense="true">Dense</MatButton> 

  string ButtonState = "";
  void Click(UIMouseEventArgs e)
    ButtonState = "Clicked";


For how-to questions and other non-issues, for now you can use issues or you can use Gitter.


We'd greatly appreciate any contribution you make. :)


In the near future we plan to maximize the count and features of the components inspired by other frameworks like Angular Material, React Material UI and Vue Material.


This project is licensed under the terms of the MIT license.


MatBlazor 0.9.2

  • PR: MatTable Version 1 #58 (enkodellc)

MatBlazor 0.9.1

  • PR: Fixed #50 Autocomplete FullWidth + #52 (sandrohanea)
  • PR: MatIconButton Add Functionality, Update Demo #53 (enkodellc)
  • PR: Added documentation for autocomplete + Fixed #56 + changed documentation file path to a relative one(instead of absolut) #57 (sandrohanea)

MatBlazor 0.9.0

  • Creating partial documentation for all components (autogeneration)
  • Improved many examples
  • Improved homepage, components page design,
  • Change of versioning policy is similar to Blazor
  • Fixed MatTextBox FullWidth Padding / Icon Fix #43 #51 (enkodellc)

MatBlazor 0.6.17

  • Fixed Select is showing native arrow? #48 (sandrohanea)

MatBlazor 0.6.16

  • New component MatAutocomplete (sandrohanea)

New domain name

MatBlazor 0.6.15

  • New component MatSnackbar

MatBlazor 0.6.14

  • New component MatRipple

MatBlazor 0.6.13

  • New styles Layout Grid

MatBlazor 0.6.12

  • New component MatDialog
  • MatCheckbox add inline label (enkodellc)

MatBlazor 0.6.11

  • New component MatProgressBar

MatBlazor 0.6.10

  • New styles Elevation
  • License of used packages added to js boundle

MatBlazor 0.6.9

  • Changed all events to EventCallback
  • Show Icons when MatTextField has FullWidth (enkodellc)

MatBlazor 0.6.8

  • Improved events for MatTextField (sandrohanea + SamProf)

MatBlazor 0.6.7

  • Added Typography styles

MatBlazor 0.6.6

  • Added Href parameter to MatListItem component

MatBlazor 0.6.5

  • MatTextField - fixed label

MatBlazor 0.6.4

  • MatMenu - first working implementation

MatBlazor 0.6.3

  • New MatDrawer
  • Fix MatAppBar (fixed-adjust div)

MatBlazor 0.6.2

  • Added Style Parameter for all components
  • Added BaseMatComponent Docs
  • MatDrawer in progress

MatBlazor 0.6.1

  • Introduce Razor Components support (MatBlazorInstall component)

MatBlazor 0.6.0

  • Upgrade Blazor 0.9 complete
  • Upgrade to new Material Components
  • MatTextField Outlined fixed
  • MatRadioGroup and MatRadioButton enhancements
  • MatSelect Outlined fixed
  • MatSlider Step problem founded
  • Fixed main page of the demo project MatDrawer
  • MatMenu (prepared for development in next release)
  • MatDrawer (prepared for development in next release)
  • BlazorFiddle integration fixed

MatBlazor 0.5.0

  • Upgrade to Blazor 0.9.0 (Part 1)

MatBlazor 0.4.5 (Minor)

  • TrailingIcon in MatButton

MatBlazor 0.4.4

  • Added integration with
  • MatIconButton - Href bacame Link

MatBlazor 0.4.3

  • Upgrade to Blazor 0.7.0
  • MatDrawer in progress
You can’t perform that action at this time.