![](\"./examples/images/generated-qr.png\" "\\"Generated")
\n![](\"./examples/images/algorand-qrcode-banner.jpg\" "\\"Algorand")
](https://developer.algorand.org/solutions/algorand-qr-code-generator-javascript/)\n\n# Algorand QR Code Generator V3.2.0\n[](https://www.npmjs.com/package/algorand-qrcode) [](https://standardjs.com)\n[](https://github.com/emg110/algorand-qrcode/blob/master/license)\n\nNew version 3 is a complete re-write of the Algorand QRCode generation tool. Simpler and more effective!\n\nBreaking changes: The way to import and some of options have changed , please consult this readme.\n\n\nalgorand://AMESZ5UX7ZJL5M6GYEHXM63OMFCPOJ23UXCQ6CVTI2HVX6WUELYIY262WI?label=emg110@gmail.com
\n\n## Demo\n\n### [Live Demo](https://emg110.github.io/algorandqrcode/)\n\n## Links\n\n### [Algorand Developers Portal Publication](https://developer.algorand.org/solutions/algorand-qr-code-generator-javascript/)\n\n### [Algorand Dev Hours Presentation](https://cutt.ly/SnkO7Xl)\n\n### [Algorand Dev Hours Presentation Video on YouTube](https://www.youtube.com/watch?v=RzP3y42Lf4o)\n\n\n## News\n\n> ## Version 3.2.0 is now here!\n\n> ### Now completely supports any modern web framework\n\n> ### Modern JS Module in both Node and Browser\n\n\n\n## Technical notes\n\n- Amount is in MicroAlgos\n \n- Algorand URI reference specification: [Algorand payment prompts specification](https://developer.algorand.org/docs/reference/payment_prompts/).\n \n- Requires NodeJS version later than 10. \n \n \n\n## Table of contents\n\n\n- [Highlights](#highlights)\n- [Algorand URI's ABNF Grammar](#algorand-uri-abnf-grammar)\n- [Installation](#installation)\n- [Usage](#usage)\n- [Error correction level](#error-correction-level)\n- [Mentioned Trademarks](#mentioned-trademarks)\n- [Credits](#credits)\n- [License](#license)\n\n\n\n## Highlights\n- Supports NodeJS and Browser.\n- Supports RFC 3986 and Algorand URI ABNF Grammar.\n- CLI utility.\n- Save QR code as valid SVG image or text\n\n## Algorand URI ABNF Grammar\n\n```javascript\n algorandurn = \"algorand://\" algorandaddress [ \"?\" algorandparams ]\n algorandaddress = *base32\n algorandparams = algorandparam [ \"&\" algorandparams ]\n algorandparam = [ amountparam / labelparam / noteparam / assetparam ]\n amountparam = \"amount=\" *digit\n labelparam = \"label=\" *qchar\n assetparam = \"asset=\" *digit\n note = \"note=\" *qchar\n```\n\n## Installation and use\n\n\n```shell\nnpm install --save algorand-qrcode\n```\nand then \n\n```shell\nimport algoqrcode from \"algorand-qrcode/lib/bundle.min.js\"\n```\n\nor, install it globally to use `qrcode` cli command to generate Algorand URI qrcode images in your terminal.\n\n```shell\nnpm install -g algorand-qrcode\n```\nand then \n\n```shell\nalgoqrcode [options]\n```\n\n## Usage\n\n### Browser and Frameworks (react...) use\n\n```javascript\nimport algoqrcode from \"algorand-qrcode/lib/bundle.min.js\";\nconst MyQrCodeComponent = (props)=>{\n let qrcode = algoqrcode({wallet:props.wallet, label:props.label})\n let scg = qrcode.svg()\n return svg\n}\n \n \n```\n\n### CLI\n\n```\nUsage: algoqrcode [options]\n\nAlgorand options:\n -m, --amount Amount (in Micro Algos) of Algorand transaction [number]\n -w, --wallet Destination Wallet address (Algorand account address) [string]\n -l, --label Label of Algorand transaction [string]\n -a, --asset Algorand asset id (in case of Algorand ASA transfer) [string]\n -n, --note note [string]\n\nQR Code options:\n \n -e, --ecl Error correction level [choices: \"L\", \"M\", \"Q\", \"H\"]\n\n\n\nRenderer options:\n -o, --output Output type [choices: \"file\", \"svg\", \"terminal\"]\n -w, --wallet Destination wallet [number]\n -p, --padding Padding around QRcode [number]\n -b, --background Light color [string]\n -c, --color Dark color [string]\n -s, --size QRcode image width and height (px) [number]\n -f, --file Output file [string]\n\n\nOptions:\n\n -h, --help Show help [boolean]\n --version Show version number [boolean]\n\nExamples:\n - Send 1 Algo transaction:\n algoqrcode -w \"AMESZ5UX7ZJL5M6GYEHXM63OMFCPOJ23UXCQ6CVTI2HVX6WUELYIY262WI\" -m 1000000 -s 128 -n \"This is an Algo payment transaction QR Code\"\n\n - Save Algorand contact label as svg image:\n algoqrcode -w \"AMESZ5UX7ZJL5M6GYEHXM63OMFCPOJ23UXCQ6CVTI2HVX6WUELYIY262WI\" -l \"emg110@gmail.com\" -o file -f sample.svg \n\n```\n\n\n### NodeJS\nImport the module `algorand-qrcode` for your NodeJS module\n\n```javascript\n import algoqrcode from 'algorand-qrcode'\n let qrcode = algoqrcode({\n wallet: \"AMESZ5UX7ZJL5M6GYEHXM63OMFCPOJ23UXCQ6CVTI2HVX6WUELYIY262WI\",\n label: \"Test Label\",\n output: \"svg\",\n size:256\n })\n let svg = qrcode.svg()\n console.log(svg)\n```\n\n## Error correction level\nError correction capability allows to successfully scan a QR Code even if the symbol is dirty or damaged.\nFour levels are available to choose according to the operating environment.\n\nHigher levels offer a better error resistance but reduce the symbol's capacity.![](\"https://milliontech.com/wp-content/uploads/2017/01/Denso-Wave-Logo-300x102.png\" "\\"DENSO"){kind=logo}
](https://www.denso-wave.com)\n\n\n\"Algorand\" curtsey of:![](\"https://www.algorand.com/assets/media-kit/logos/full/png/algorand_full_logo_black.png\" "\\"Algorand"){kind=logo}
](https://algorand.com)\n\n","readmeFilename":"README.md"}