Blazor.M3 1.4.1

Blazor.M3 Standard (Core)

A premier Material Design 3 (M3) component library for Blazor, built with fidelity, performance, and accessibility as first-class citizens. For full documentation and live demos, visit blazorm3.pages.dev. This Standard edition provides the essential structural foundations, theming engine, and core components required to build modern, responsive web applications following Google's latest design language.

🆕 Recent Updates (v1.4.1)

• Syntax Directive Patch: Fixed @namespace directive syntax in M3DialogProvider, M3Banner, and M3Skeleton components to prevent literal namespace string rendering.
• System Stability: Updated package versions, templates, and static assets to reference the stable v1.4.1 build.

🚀 Quick Start

1. Install the Package

dotnet add package Blazor.M3

2. Project Templates (Recommended)

The easiest way to start a new project is using our pre-configured Blazor WebAssembly template:

# Install the templates
dotnet new install Blazor.M3.Templates

# Create a new project
dotnet new blazorm3app -n MyNewApp

3. Manual Registration

In your Program.cs:

using Blazor.M3.Extensions;

builder.Services.AddBlazorM3();

3. Add Static Assets

Add the following to your index.html or App.razor:

<link rel="stylesheet" href="_content/Blazor.M3/css/root.css" />
<link rel="stylesheet" href="_content/Blazor.M3/css/typography.css" />
<link rel="stylesheet" href="_content/Blazor.M3/css/elevation.css" />
<link rel="stylesheet" href="_content/Blazor.M3/css/shape.css" />
<link rel="stylesheet" href="_content/Blazor.M3/css/state.css" />
<script src="_content/Blazor.M3/js/blazor-m3.js"></script>

4. Enable Global Imports

Add the following to your _Imports.razor:

@using Blazor.M3.Components
@using Blazor.M3.Enums

✨ Features

• Design Tokens: Full implementation of MD3 color roles, typography scales, and elevation levels.
• Dynamic Theming: Support for light/dark mode and custom color seeds.
• Core Components:
  • Buttons (Filled, Tonal, Outlined, Elevated, Text)
  • Button Groups (Action, Single, Multi)
  • Icon Buttons
  • Cards (Elevated, Filled, Outlined)
  • Typography system
  • Navigation Drawer foundations
  • Sliders (Continuous and Discrete)
  • And more...

🛡️ License

Free for hobbyists and small businesses. Distributed under the MIT License. See LICENSE for more information.

Built with ❤️ by Arietta Solutions