QRious support

QRious is a Javascript library to generate QR-codes. The Sircl integration makes it very easy to define QR-codes in your pages.


QRious is a stand-alone library with no further requirements.

You can install it according to the instructions on https://github.com/neocotic/qrious, or you can install it by including following SCRIPT tag using Cloudflare CDN:

<script src="https://cdnjs.cloudflare.com/ajax/libs/qrious/4.0.2/qrious.min.js" integrity="sha512-pUhApVQtLbnpLtJn6DuzDD5o2xtmLJnJ7oBoMsBnzOkVkpqofGLGPaBJ6ayD2zQe3lCgCibhJBi4cj5wAxwVKA==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>

To setup QRious in combination with Sircl, you need to install following files in order:

  • Cascading style sheets
    • sircl.css
  • Javscript:
    • jquery.js
    • qrious.min.js
    • sircl.js
    • sircl-qrious.js

You can replace sircl.js by sircl-bundle.js, and/or add more Sircl libraries. And of course you can use the minified versions of Sircl.


To render a QR-code, you can now use a CANVAS tag to which you set the qr-code attribute:

<canvas qr-code="https://www.getsircl.com/" width="200" height="200"></canvas>

If you add the qr-code attribute without value, a QR-code will be generated to point to the current page (the current browsers location).