logoalt Hacker News

Show HN: qrframe – generate beautiful qr codes with javascript code

377 pointsby zhengkyl09/30/202464 commentsview on HN

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

chfritz10/01/2024

> 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.

KolmogorovComp10/01/2024

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.

[0] https://stable-diffusion-art.com/qr-code/

show 1 reply
bscphil10/01/2024

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.

show 3 replies
thih910/01/2024

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...

show 1 reply
suriya-ganesh10/01/2024

The author also has a rust based qr library that looks equally awesome

https://github.com/zhengkyl/fuqr

OhMeadhbh10/01/2024

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.

leesalminen09/30/2024

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.

show 1 reply
zhengkyl09/30/2024

Did anyone else just watch the Veritasium video

show 4 replies
dylan60409/30/2024

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.

kristopolous09/30/2024

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.

show 1 reply
cipherzero10/01/2024

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...

show 1 reply
vishnugupta10/01/2024

The designs are cool enough that they could be printed on physical wall tiles, maybe as easter eggs or otherwise.

show 1 reply
spankalee10/01/2024

I tried to use the qrframe package, but it doesn't seem to be published to npm https://www.npmjs.com/package/qrframe

sirolimus10/01/2024

This is cool

kdjdjdndnd10/01/2024

While those look cool, most do not work at all on my phone

show 1 reply
kypro10/01/2024

I didn't expect these to look so awesome. Great work on the designs.