DEV Community

Naim Malek
Naim Malek

Posted on • Updated on

Angular10 Qrcode generator library lightweight


an-qrcode is Angular6-10 QR Code library to generate QR Codes in Angular 6/7/8/9/10 app.

Demo App

You can find demo app here

npm url an-qrcode


# Angular 6/7/8/9/10
npm install an-qrcode --save

Basic Usage

Import the module and add it to your imports section in your main AppModule:

// Main Module File: app.module.ts
import { AnQrcodeModule } from 'an-qrcode';

declarations: [
imports: [
providers: [],
bootstrap: [AppComponent]
export class AppModule { }

Examples: an-qrcode

Generate a QR Code from a string

here is sample code for generate qrcode

<qrcode [level]="1" [qrvalue]="'QR Code String'"></qrcode>


Attribute Type Default Description
level Number 1 QR ECC level (1, 2, 3, 4)
qrvalue String '' Your String
width Number 200 Width (any value)
height Number 200 Height (any value)

Naim Malek (

Top comments (1)

whyboris profile image

Superb! So easy to use! Thank you!