https://github.com/Material-Blazor/Material.Blazor

Lightweight Material Theme components for Blazor
https://github.com/Material-Blazor/Material.Blazor

Last synced: 3 months ago
JSON representation

Lightweight Material Theme components for Blazor

• Host: GitHub
• URL: https://github.com/Material-Blazor/Material.Blazor
• Owner: Material-Blazor
• License: other
• Created: 2020-03-06T11:03:03.000Z (over 4 years ago)
• Default Branch: main
• Last Pushed: 2024-07-09T23:41:37.000Z (4 months ago)
• Last Synced: 2024-07-10T03:24:01.463Z (4 months ago)
• Language: JavaScript
• Size: 734 MB
• Stars: 242
• Watchers: 13
• Forks: 32
• Open Issues: 13
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.md
  • Code of conduct: CODE_OF_CONDUCT.md

Awesome Lists containing this project

• awesome-blazor - Material.Blazor -   An alternative Material Theme Razor Component Library. Material.Blazor focuses sharply on giving you pure markup from [Google's material-components-web](https://github.com/material-components/material-components-web/tree/master/packages) - we don't try to sit between you and your use of Google's CSS and SASS because they do it better than we ever could. We also have some cool "plus" components. [See our demo and comprehensive documentation](https://material-blazor.com). (Libraries & Extensions / Component bundles)

README

        
# Material.Blazor

---

[![NuGet version](https://img.shields.io/nuget/v/Material.Blazor?logo=nuget&label=nuget%20version&style=flat-square)](https://www.nuget.org/packages/Material.Blazor/)

[![NuGet version](https://img.shields.io/nuget/vpre/Material.Blazor?logo=nuget&label=nuget%20pre-release&style=flat-square)](https://www.nuget.org/packages/Material.Blazor/)

[![NuGet downloads](https://img.shields.io/nuget/dt/Material.Blazor?logo=nuget&label=nuget%20downloads&style=flat-square)](https://www.nuget.org/packages/Material.Blazor/)

---

[![Gitter](https://img.shields.io/gitter/room/Material.Blazor/community?logo=gitter&style=flat-square)](https://gitter.im/Material.Blazor/community?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge)

---

[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg?logo=github&style=flat-square)](/LICENSE.md)

[![GitHub issues](https://img.shields.io/github/issues/Material-Blazor/Material.Blazor?logo=github&style=flat-square)](https://github.com/Material-Blazor/Material.Blazor/issues)

[![GitHub forks](https://img.shields.io/github/forks/Material-Blazor/Material.Blazor?logo=github&style=flat-square)](https://github.com/Material-Blazor/Material.Blazor/network/members)

[![GitHub stars](https://img.shields.io/github/stars/Material-Blazor/Material.Blazor?logo=github&style=flat-square)](https://github.com/Material-Blazor/Material.Blazor/stargazers)

[![GitHub stars](https://img.shields.io/github/watchers/Material-Blazor/Material.Blazor?logo=github&style=flat-square)](https://github.com/Material-Blazor/Material.Blazor/watchers)

[![GithubActionsRelease](https://img.shields.io/github/actions/workflow/status/Material-Blazor/Material.Blazor/GithubActionsRelease.yml?label=actions%20release&logo=github&style=flat-square)](https://github.com/Material-Blazor/Material.Blazor/actions/workflows/GithubActionsRelease.yml)

[![GithubActionsWIP](https://img.shields.io/github/actions/workflow/status/Material-Blazor/Material.Blazor/GithubActionsWIP.yml?label=actions%20wip&logo=github&style=flat-square)](https://github.com/Material-Blazor/Material.Blazor/actions/workflows/GithubActionsWIP.yml)

---

## Lightweight Material Theme razor components for Blazor

Material.Blazor is a lightweight [Material Theme](https://material.io/) [web development platform](https://material.io/develop/web/) component library for [ASP.NET Blazor](https://dotnet.microsoft.com/apps/aspnet/web-apps/blazor). It is rigorously faithful to the Material Theme's design philosophy, markup and code usage. Material Theme has very specific and detailed guidance showing web designers how to build web apps with HTML, CSS and JavaScript. Since  Blazor is not directly supported, Blazor developers either need to roll their own components or use a component library such as Material.Blazor.

- Material.Blazor is implemented using Material Theme version 14.0.0

- Visit our website at https://material-blazor.com;

- See release notes at https://material-blazor.com/docs/ReleaseNotes.html;

- View the project API documentation at https://material-blazor.com/docs; and

- Material.Blazor is available at https://www.nuget.org/packages/Material.Blazor.

- If you intend to submit pull requests please note that we use a gitub repository with a `main` branch upon which pull requests can be made. You can read [detailed development environment instructions](https://material-blazor.com/docs/articles/DevelopmentEnvironment.html) on our docs site.

Material.Blazor has two release trains available via NuGet. The trains are MD2 and MD3 based.

The MD2 NuGet packages are available in V3, V4, and V5. The MD3 NuGet packages are available in V5.

- V3.x is a DotNet 6 LTS stable version using Material Design 2 and is the version used in some production settings. This version will be deprecated on November 12, 2024 (Corresponding to the DN6 EOL). No updates to Material.Blazor in this version are expected.

- V4.x is a DotNet 7 STS stable version using Material Design 2 and is the version used in some production settings. This version was deprecated on May 14, 2024 (Corresponding to the DN7 EOL).

- V5.x is a DotNet 8 LTS stable version. We encourage adoption of this version for existing and new production settings.

  - V5.x releases are published as a NuGet package - Material.Blazor

  - This version will be deprecated on November 10, 2026.