Home

Awesome

MatBlazor MatBlazor

Material Design components for Blazor and Razor Components

NuGet Gitter GitHub Stars GitHub Issues Live Demo MIT Donate Patreon

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

Demo and Documentation

Prerequisites

Don't know what Blazor is? Read here

Complete all Blazor dependencies.

Installation

Latest version in here: NuGet

To Install

Install-Package MatBlazor

or

dotnet add package MatBlazor

For client-side and server-side Blazor - add script section to index.html or _Host.cshtml (head section)

<script src="_content/MatBlazor/dist/matBlazor.js"></script>
<link href="_content/MatBlazor/dist/matBlazor.css" rel="stylesheet" />

Usage

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> 

@code
{
  string ButtonState = "";
  void Click(UIMouseEventArgs e)
  {
    ButtonState = "Clicked";
  }
} 

Sponsors & Backers

MatBlazor does not run under the umbrella of any company or anything like that. It is an independent project created in spare time. The development is active and we are working hard to release great things for you.

If you think that this project helped you or your company in any way, you can consider becoming a backer/sponsor.

Sponsors:

Backers:

Contributing

We'd greatly appreciate any contribution you make. :) Also we have official Contributors team:

Contributing Tips

News

Roadmap

MatBlazor 2.10.0

MatBlazor 2.9.0

MatBlazor 2.8.0

MatBlazor 2.7.0

MatBlazor 2.6.3

MatBlazor 2.6.2

MatBlazor 2.6.0

MatBlazor 2.4.3

MatBlazor 2.3.0

MatBlazor 2.2.0

MatBlazor 2.1.2

MatBlazor 2.1.1

MatBlazor 2.1.0

MatBlazor 2.0.5

MatBlazor 2.0.1

MatBlazor 2.0.0 (Reinvention MatBlazor Forms)

MatBlazor 1.10.1

MatBlazor 1.9.0

MatBlazor 1.8.0

MatBlazor 1.7.4

MatBlazor 1.7.2

MatBlazor 1.7.1

MatBlazor 1.7.0

MatBlazor 1.6.4

MatBlazor 1.6.3

MatBlazor 1.6.2

MatBlazor 1.6.1

MatBlazor 1.6.0

MatBlazor 1.5.4

MatBlazor 1.5.3

MatBlazor 1.5.2

MatBlazor 1.5.1

MatBlazor 1.5.0

MatBlazor 1.4.1

MatBlazor 1.4.0

MatBlazor 1.3.0

MatBlazor 1.2.0

MatBlazor 1.1.1

MatBlazor 1.1.0

MatBlazor 1.0.1

MatBlazor 1.0.0

MatBlazor 0.9.14

MatBlazor 0.9.13

MatBlazor 0.9.12

MatBlazor 0.9.11

MatBlazor 0.9.10

MatBlazor 0.9.9

MatBlazor 0.9.8

MatBlazor 0.9.7

MatBlazor 0.9.6

MatBlazor 0.9.5

MatBlazor 0.9.4

MatBlazor 0.9.3

MatBlazor 0.9.2

MatBlazor 0.9.1

MatBlazor 0.9.0

MatBlazor 0.6.17

MatBlazor 0.6.16

New domain name

MatBlazor 0.6.15

MatBlazor 0.6.14

MatBlazor 0.6.13

MatBlazor 0.6.12

MatBlazor 0.6.11

MatBlazor 0.6.10

MatBlazor 0.6.9

MatBlazor 0.6.8

MatBlazor 0.6.7

MatBlazor 0.6.6

MatBlazor 0.6.5

MatBlazor 0.6.4

MatBlazor 0.6.3

MatBlazor 0.6.2

MatBlazor 0.6.1

MatBlazor 0.6.0

MatBlazor 0.5.0

MatBlazor 0.4.5 (Minor)

MatBlazor 0.4.4

MatBlazor 0.4.3

Questions

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

Vision

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.

  1. Implementation of base functionality from MDC Web
  2. Implementation of first versions of more rich components, like Table, AutoComplete, Accordion (Expansion Panel), Calendar, DatePicker and etc.
  3. Improvement existing component's functionality. Make API near the same as Angular Material (or React, Vue)
  4. JS-less. Implement components as much as possible without using JS.

License

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

Thank you