alt Hacker NewsShow HN: qrframe – generate beautiful qr codes with javascript code
I originally built a QR code generator as a resume project using Rust and I realized a web interface would make customization way easier.
This still generates the "data" using that rust library via wasm, but the rendering is all editable javascript to make an SVG or paint on an HTML canvas.
I was especially inspired by https://qrbtf.com which had some unique style options I had never seen before, which I ended up copying, and then I made some more.
Comments
Neat! In my opinion those generated by generative AI with controlnet are even more impressive [0], albeit also reducing their likelihood of being correctly read by all.
The author also has a rust based qr library that looks equally awesome
Looks great, very inspiring.
Some of these, like examples/blocks.svg[1], are not immediately recognized as qr codes by humans. This could lead to interesting possibilities; e.g. art with qr code/codes seamlessly integrated into it - and perhaps noticed only after someone tries to take a picture.
[1]: https://github.com/zhengkyl/qrframe/blob/b7705844b71764bcea8...
hmm. i can't scan most of these QR codes (i got about 2 of them to scan.) so while i applaud the creative impulse (some of them look REALLY cool), i recommend people use QR codes that are easily scanned.
Wow, super cool! I love the unique styling. Haven’t seen that before.
I (well, GPT-4) built freeqrgenerator.app specifically for my wife because she kept using the malicious sites that inject a redirect that inevitably die and stop working.
Thinking I can retire mine and use yours instead on the domain.
These are probably some of the more interesting looks I've seen. My poor phone looked like it was having a conniption fit trying to lock onto just one.
I should look more into the half-tone. I'm assuming it works off of the error tolerance margins but I actually have no idea.
> These QR codes are not reliably scannable!
Isn't the whole point of QR codes to reliably transfer information from the physical world into the digital one without specialized equipment or software? They look pretty, sure, but so did DataGlyphs (https://www.microglyphs.com/english/html/dataglyphs.shtml) and those could be scanned reliably, just not by your average phone.
This is awesome. Does anyone know if there is a library for the amazing optical codes that apple uses in its device transfer? I know they have a custom patent for it so I don't know if its something anyone has tried to recreated...
The designs are cool enough that they could be printed on physical wall tiles, maybe as easter eggs or otherwise.
I didn't expect these to look so awesome. Great work on the designs.
I tried to use the qrframe package, but it doesn't seem to be published to npm https://www.npmjs.com/package/qrframe
thanks for this. awesome post
This is cool
This looks super cool but I could only get 10/21 to scan with the classic zxing scanner (>100M downloads), and 3 of those took a bunch of playing with camera angles and distance, so I'd recommend against using anything too fancy for real world barcodes.