code-based qr code generator
 
 
 
Go to file
Kyle Zheng 7a7c3853a3 lowercase param types + replace square with basic and tutorial 2024-08-31 20:21:10 -04:00
examples png size select + dots preset + updates 2024-08-29 23:56:28 -04:00
presets lowercase param types + replace square with basic and tutorial 2024-08-31 20:21:10 -04:00
public loading thumbnail + new thumbnail qr + version presets 2024-08-22 19:47:42 -04:00
src lowercase param types + replace square with basic and tutorial 2024-08-31 20:21:10 -04:00
.gitignore setup + number input 2024-05-04 23:34:27 -04:00
LICENSE Create LICENSE 2024-08-05 01:57:55 -04:00
README.md png size select + dots preset + updates 2024-08-29 23:56:28 -04:00
app.config.ts use npm fuqr + cleanup 2024-07-06 23:57:44 -04:00
package.json png size select + dots preset + updates 2024-08-29 23:56:28 -04:00
pnpm-lock.yaml png size select + dots preset + updates 2024-08-29 23:56:28 -04:00
tsconfig.json sortable array + implicit any 2024-08-30 20:19:53 -04:00
uno.config.ts sortable array + implicit any 2024-08-30 20:19:53 -04:00
updatePresets.js quantum preset + revert presets to js 2024-08-16 23:44:53 -04:00

README.md

qrframe

framework for making qr codes

Blatantly inspired by QRBTF and Anthony Fu's QR Toolkit.

Examples

I'm working on more examples.

Creative possibilities
Extending with noise
Import external libs, fetch external files, etc
Styles copied from QRBTF

Features

  • Customize data:

    • encoding mode, version, error tolerance, mask pattern
    • powered by fuqr, my own Rust library imported as WASM. (i use windows, btw)
  • Customize appearance:

    • Choose any preset, customize or even create a new one from scratch via code editor.
    • Define arbitrary ui parameters in code
    • Supports SVG (string) and PNG (canvas)
    • All code runs directly in browser in a web worker with no restrictions.

Use existing presets

style select ui

Customizable parameters defined in code

code and parameter editor ui