Blazor.M3.Templates 1.5.0

Blazor.M3 Templates

Project templates for the Blazor.M3 component library. This package allows you to quickly scaffold high-fidelity Material Design 3 applications using Blazor.

Installation

Install the templates via the .NET CLI:

dotnet new install Blazor.M3.Templates

Available Templates

Blazor.M3 Web App (Wasm) (blazorm3app)

A client-side Blazor WebAssembly app pre-configured with:

• Blazor.M3 library integration.
• M3 Navigation Layout (Top App Bar + Navigation Drawer).
• Material Design 3 Theming foundation.
• Responsive navigation layout with dynamic indicators.

Blazor.M3 Web App (Interactive Server) (blazorm3server)

A server-side Blazor Web App (Interactive Server render mode) pre-configured with:

• Blazor.M3 library integration.
• M3 Navigation Layout (Top App Bar + Navigation Drawer).
• Material Design 3 Theming foundation.
• Configured for .NET 10.0 MapStaticAssets and static asset optimizations.

Getting Started

To create a new project:

# Create a WebAssembly client application
dotnet new blazorm3app -n MyAwesomeClientApp

# Create an Interactive Server application
dotnet new blazorm3server -n MyAwesomeServerApp

Authentication Option (--auth)

Both templates support an optional --auth flag to scaffold a standard login screen and mock authentication flow:

# Scaffold a WebAssembly app with authentication
dotnet new blazorm3app -n MyAwesomeClientApp --auth

# Scaffold an Interactive Server app with authentication
dotnet new blazorm3server -n MyAwesomeServerApp --auth

Features in v1.5.0

• Standard Dependency: Templates pre-configured to reference the stable Blazor.M3 version 1.5.0.
• Custom Theme Configuration: Includes a commented-out custom theme placeholder block in MainLayout.razor teaching developers how to copy/paste custom palette colors exported from the online theme builder (https://blazorm3.pages.dev).
• Upgraded Semantic Components: Core dashboards updated to leverage the new semantic Material Design 3 wrapper components (like <M3SuggestionChip>).
• Adaptive Layouts: Theme-aware hero graphic gradients using color tokens instead of hardcoded hex values.

For more information and documentation, visit blazorm3.pages.dev.