Blazor Material-UI Dashboard

Introducing Material-UI Component library for Blazor

Sk

--

As a long time user of react based material-ui library, I wanted something similar for Blazor (the client-side web framework with C#).

Hence started experimenting porting the react based implementation over the year (owl time). As of now around 25+ components are implemented in Blazor. Pretty satisfied with the result so far.

So I am pleased to open source Skclusive.Material.Component repository today. The preview version is available in nuget.

Hoping to add lot more component in coming days. As components mirror the material-ui as much as possible, as of now, for documentation https://material-ui.com/ could be referred.

The beauty of Component based design is compostability and reuse.

Though the implementation here is C# with razor templates compared to the React JSX (JavaScript), I could easily take a material-ui free sample theme and use it with Blazor without much difficulty.

Following Blazor Dashboard demo is live at HERE (browsers with WebAssembly support can run them including phones)

Blazor Dashboard running in browser using WebAssembly:

And what not, the same source could be used to run inside WebWindow (a cross-platform webview library for .NET Core).

Blazor Dashboard running in MacOS using WebWindow:

Blazor Dashboard running in server using ASPNET Core:

Blazor Dashboard is build as a razor library and used in Dashboard.Web, Dashboard.WebWindow and Dashboard.Server to host it.

The Blazor Dashboard source is available in github at Skclusive.Blazor.Samples

More credits to Material-UI and Devias-IO for their awesome projects.

I also have Mobx and Mobx-State-Tree equivalent implementations Skclusive.Mobx.Observable and Skclusive.Mobx.StateTree for Blazor as well. Hope you find them useful.

--

--