I have used QRCode.js as a base for the blazor QR code component. In your Blazor WASM application, you can use the Blazor component to generate QR codes without Java script. We support version .NET 8.0+
Try demo application

image

To create Blazor Apps, install the latest version of Visual Studio with the ASP.NET and web development workload. For using .Net 8.0 you need at least Visual Studio 2022 17.8+. Another alternative would be to use Visual Studio code. Click here for more information.

• Install the latest NuGet Package

Using Package Manager

Install-Package Blazor.QrCodeGen

Using .NET CLI

dotnet add package Blazor.QrCodeGen

Using MS VS Manage NuGet Packages search for Blazor.QrCodeGen

• Add dependencies

You need to add 2 lines into index.html

 <script src="./_content/Blazor.QrCodeGen/qrcode.min.js"></script>
 <script type="module" src="./_content/Blazor.QrCodeGen/qrcodeInterop.js"></script>

Simple use with default settings:

<QrCode CanvasId="AnyId" Text="Any text"/>

Using with text and size in pixel:

<QrCode CanvasId="AnyId" Text="Any text" Size="64"/>

Using with customized settings:

<QrCode CanvasId="AnyId" Text="Any text" Options="_options" />
@code{
 private QrCodeOptions _options = new QRCodeOptons(){Color = Color.Blue};
}

Note: If you set both Size for Attribute and Options, then Attribute takes precedence.

Blazor component for QR code generation. You can change:

• Text
• Size
• Colors
• Error correction level

1.2.0 - Update to .NET 10.0
1.1.2 - Update to .NET 9.0
1.1.1 - Added property Size
1.0.0 - Initial .Net8.0 release