Breadcrumb arrow Back to Code Examples

Getting Started With The Blazor Barcode And QR Code Generator

Sample date Updated on Apr 17, 2026
Browse Code Git logo Download
barcode blazor blazor-barcode blazor-qr-code qr-code

A quick-start project that shows how to add the Syncfusion Barcode and QR Code Generator components to a Blazor WebAssembly application. This project contains the code to generate different barcode types, QR code and data matrix, and how to customize the control like changing its dimensions, color, and font.

Features

  • Generate standard barcode types (Code 39, Code 128, EAN, UPC, and more)

  • Generate QR codes and Data Matrix codes

  • Customize dimensions (width and height) of barcode and QR code components

  • Change foreground colors

  • Configure text display

  • Seamlessly integrates with Blazor WebAssembly applications

Prerequisites

  • Visual Studio 2022

  • .NET 8.0 SDK or later

  • Syncfusion Blazor NuGet packages

How to run the project

  • Checkout this repository in your local disk.

  • Open the solution file using the Visual Studio 2022.

  • Restore the NuGet packages by rebuilding the solution.

  • Run the project.

Configuration

The Syncfusion Barcode and QR Code Generator components can be configured directly in your Razor files. Add the required namespace in _Imports.razor and register the Syncfusion services in Program.cs before use.

Additional Resources

Documentation: https://blazor.syncfusion.com/documentation/barcode/getting-started

Online examples: https://blazor.syncfusion.com/demos/barcodes/default-functionalities

Support

For questions or issues, visit the Syncfusion support portal or raise a GitHub issue in this repository.

Up arrow