Awesome Open Source
Awesome Open Source


Coverage Status Downloads Version Gzip Size

QR code component for Vue 3, bases on node-qrcode. For Vue 2, check out the v1 branch.

Main npm package files

 vue-qrcode.js         (UMD, default)
 vue-qrcode.min.js     (UMD, compressed)
 vue-qrcode.esm.js     (ECMAScript Module)
 vue-qrcode.esm.min.js (ECMAScript Module, compressed)
 vue-qrcode.d.ts       (TypeScript Declaration File)

Getting started


Using npm:

npm install [email protected] [email protected] @chenfengyuan/[email protected]

Using pnpm:

pnpm add [email protected] [email protected] @chenfengyuan/[email protected]

Using Yarn:

yarn add [email protected] [email protected] @chenfengyuan/[email protected]

Using CDN:

<script src="[email protected]"></script><!-- Vue.js is required -->
<script src="[email protected]/build/qrcode.js"></script><!-- qrocde is required -->
<script src="[email protected]"></script>


import { createApp } from 'vue';
import VueQrcode from '@chenfengyuan/vue-qrcode';

const app = createApp({});

app.component(, VueQrcode);
<vue-qrcode value="Hello, World!" :options="{ width: 200 }"></vue-qrcode>

Browser support

Same as Vue 3.


Maintained under the Semantic Versioning guidelines.


MIT Chen Fengyuan

Alternatives To Vue Qrcode
Select To Compare

Alternative Project Comparisons
Related Awesome Lists
Top Programming Languages

Get A Weekly Email With Trending Projects For These Topics
No Spam. Unsubscribe easily at any time.
Typescript (306,570
Vue (73,105
Versioning (6,283
Qr Code (5,815
Qrcode (5,815
Vue Component (1,971
Vue Qrcode (4