"It's a QR Code" is a web component that shows its text content as QR code image

To use a CDN all you need is to add the following code in the HTML page:

<script type="module" src="https://cdn.jsdelivr.net/gh/OmarCastro/its-a-qrcode/dist/qrcode.element.min.js?named=qr-code"></script>

The query string named automatically registers the component with the value defined

If you wish to import from npm and use a bundler, you can install the its-a-qrcode package

npm install its-a-qrcode

Not all bundlers support query strings, it is recommended to import and register the component, like the following code:

import element from 'its-a-qrcode'
customElements.define('qr-code', element)

full documentation on: https://omarcastro.github.io/its-a-qrcode