[{"data":1,"prerenderedAt":329},["ShallowReactive",2],{"project-41701644":3},{"id":4,"name":5,"line":6,"line_source":7,"title":8,"url":9,"domain":10,"maker":11,"posted_at":12,"year":13,"points":14,"comments":15,"rank_in_year":16,"shown_in_year":17,"top":18,"tier":19,"category":20,"subcategory":21,"format":22,"keywords":23,"reception":28,"sentiment":29,"stance_mix":30,"scored_comments":35,"aspects":36,"strip":45,"post_text":46,"what":47,"said":74,"maker_in_thread":172,"shape":181,"grid":185,"attempts":293,"same_week":294,"maker_shows":33,"maker_hidden":321,"reader_version":322,"card":323},"41701644","qrframe","generate beautiful qr codes with javascript code","title","Show HN: qrframe – generate beautiful qr codes with javascript code","https:\u002F\u002Fgithub.com\u002Fzhengkyl\u002Fqrframe","github.com","zhengkyl",1727727610,2024,401,79,112,3515,4,"legend","dev_tools","qr code generator","library",[21,24,25,26,27],"qr code design","wasm qr","svg qr code","javascript qr","debated",0.136,{"positive":31,"neutral":32,"mixed":33,"critical":34},12,2,1,8,23,{"performance":37,"idea":39,"design":42,"execution":44},{"positive":33,"critical":38},6,{"positive":40,"critical":41},3,0,{"positive":43,"critical":33},5,{"positive":41,"critical":33},[33,41,33,41,41,41,43,41,43,41,33,43,43,33,33,43,41,41,41,41,41,41,41,43,41,40,40,43,33,40,41,43,43,43,33,33,41,43,43],"I originally built a QR code generator as a resume project using Rust and I realized a web interface would make customization way easier.\n\nThis 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.\n\nI was especially inspired by https:\u002F\u002Fqrbtf.com which had some unique style options I had never seen before, which I ended up copying, and then I made some more.",{"problem":48,"audience":54,"pricing":54,"motivation":55,"time_to_build":54,"stack":59,"openness":72,"stage":73,"team_size":73},{"value":49,"source":50,"evidence":51},"Creating stylized QR codes with custom visual options","maker",[52],{"id":53},"post",null,{"value":56,"source":50,"evidence":57},"Began as a resume project; a web interface makes customization easier",[58],{"id":53},[60,64,68],{"value":61,"source":50,"evidence":62},"Rust",[63],{"id":53},{"value":65,"source":50,"evidence":66},"WebAssembly",[67],{"id":53},{"value":69,"source":50,"evidence":70},"JavaScript",[71],{"id":53},"open_source","unknown",{"praise":75,"objections":99,"requests":127,"questions":135,"alternatives":143},[76,92],{"value":77,"source":78,"evidence":79},"Designs look cool and inspiring","commenter",[80,84,88],{"id":81,"by":82,"text":83},"41706221","thih9","Looks great, very inspiring. Some of these, like examples\u002Fblocks.svg[1], are not immediately recognized as qr codes by humans. This could lead to interesting possibilities; e.g.…",{"id":85,"by":86,"text":87},"41706488","kypro","I didn't expect these to look so awesome. Great work on the designs.",{"id":89,"by":90,"text":91},"41705204","vishnugupta","The designs are cool enough that they could be printed on physical wall tiles, maybe as easter eggs or otherwise.",{"value":93,"source":78,"evidence":94},"Unique styling not seen before",[95],{"id":96,"by":97,"text":98},"41702642","leesalminen","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…",[100,119],{"value":101,"source":78,"evidence":102},"Many codes are hard or impossible to scan with phones",[103,107,111,115],{"id":104,"by":105,"text":106},"41703771","bscphil","This looks super cool but I could only get 10\u002F21 to scan with the classic zxing scanner (>100M downloads), and 3 of those took a bunch of playing with camera angles and distance,…",{"id":108,"by":109,"text":110},"41704901","OhMeadhbh","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…",{"id":112,"by":113,"text":114},"41704938","kdjdjdndnd","While those look cool, most do not work at all on my phone",{"id":116,"by":117,"text":118},"41708928","jerjerjer","Pixel 8, about half of the codes work.",{"value":120,"source":78,"evidence":121},"Some designs not recognizable as QR codes",[122,123],{"id":81,"by":82,"text":83},{"id":124,"by":125,"text":126},"41725964","hipjiveguy","People have to be able to recognize that it is a QR code visually - these are too graphical to realize their true purpose, imho",[128],{"value":129,"source":78,"evidence":130},"Package should be published to npm",[131],{"id":132,"by":133,"text":134},"41703720","spankalee","I tried to use the qrframe package, but it doesn't seem to be published to npm https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002Fqrframe",[136],{"value":137,"source":78,"evidence":138},"How are fast phone QR scanners implemented?",[139],{"id":140,"by":141,"text":142},"41707370","sandos","Hmm, yes, I did not try these but I have noticed that my default phone app in my S22 is freakishly fast at detecting QR codes, something I never remember that zxing was. Does…",[144,151,155,161,165],{"value":145,"source":78,"evidence":146},"Stable Diffusion ControlNet QR codes",[147],{"id":148,"by":149,"text":150},"41706600","KolmogorovComp","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]…",{"value":152,"source":50,"evidence":153},"qrbtf.com",[154],{"id":53},{"value":156,"source":50,"evidence":157},"qrcode.antfu.me",[158],{"id":159,"by":11,"text":160},"41703127","Yeah, there are a lot of annoying sites like that. Your site is cool, it's streamlined and has a easy to remember name and you made it (with a little help) which is great. It's…",{"value":162,"source":50,"evidence":163},"qr.grid.ws",[164],{"id":159,"by":11,"text":160},{"value":166,"source":78,"evidence":167},"nayuki QR generator",[168],{"id":169,"by":170,"text":171},"41713836","bobtheborg","If you google \"github qr code generator\", the top result has a live demo that I've used quite a bit: https:\u002F\u002Fwww.nayuki.io\u002Fpage\u002Fqr-code-generator-library#live-demo-javascript",{"comments":40,"answered":41,"key":173},[174,177,178],{"id":175,"text":176},"41704846","Thanks for trying it out! I definitely agree, the fancier it gets the harder it is to scan so these should not be used for real world stuff where reliability is important. I…",{"id":159,"text":160},{"id":179,"text":180},"41702638","Did anyone else just watch the Veritasium video",{"commenters":182,"max_depth":18,"maker_replies":40,"first_comment_mins":183,"lifespan_hours":184},36,105,51,[186,188,190,191,193,196,197,201,205,209,212,214,218,219,222,223,225,227,228,229,232,235,238,241,244,247,252,256,259,263,268,271,273,276,277,280,282,284,288],[104,41,33,187,105,41],"project\u002Fcritical\u002Fperformance",[175,41,41,189,11,33],"maker\u002Fneutral\u002Fperformance",[116,41,33,187,117,41],[140,41,41,192,141,41],"other\u002Fneutral\u002Fnone",[194,41,41,192,195,41],"41707996","yonatan8070",[148,33,41,192,149,41],[198,33,43,199,200,41],"41709315","project\u002Fpositive\u002Fperformance","Jleagle",[202,33,41,203,204,41],"41711246","commenter\u002Fneutral\u002Fnone","Miraste",[206,33,43,207,208,41],"41713898","project\u002Fpositive\u002Fidea","Uehreka",[210,33,41,192,211,41],"41723527","mock-possum",[124,33,33,213,125,41],"project\u002Fcritical\u002Fdesign",[215,32,43,216,217,41],"41703382","maker\u002Fpositive\u002Fnone","suriya-ganesh",[81,40,43,207,82,41],[220,40,33,187,221,41],"41706583","sva_",[108,18,33,187,109,41],[96,43,43,224,97,41],"project\u002Fpositive\u002Fdesign",[159,43,41,226,11,33],"maker\u002Fneutral\u002Fnone",[169,43,41,192,170,41],[179,38,41,192,11,33],[230,38,41,192,231,41],"41703241","andrei-akopian",[233,38,41,192,234,41],"41703844","ryankrage77",[236,38,41,192,237,41],"41706272","aembleton",[239,38,41,192,240,41],"41703442","throw0101b",[242,38,43,207,243,41],"41704381","jillesvangurp",[245,38,41,192,246,41],"41713514","leptons",[248,249,40,250,251,41],"41702682",7,"project\u002Fmixed\u002Fperformance","dylan604",[253,34,40,254,255,41],"41703186","project\u002Fneutral\u002Fdesign","kristopolous",[257,34,43,224,258,41],"41703553","gus_massa",[260,261,33,187,262,41],"41713953",9,"chfritz",[264,265,40,266,267,41],"41703807",10,"project\u002Fneutral\u002Fidea","cipherzero",[269,265,41,203,270,41],"41704702","ustad",[89,272,43,224,90,41],11,[274,272,43,224,275,41],"41706035","keepamovin",[85,31,43,224,86,41],[132,278,33,279,133,41],13,"project\u002Fcritical\u002Fexecution",[112,281,33,187,113,41],14,[283,281,41,203,275,41],"41706046",[285,286,43,216,287,41],"41724200",15,"fitsumbelay",[289,290,43,291,292,41],"41707500",16,"project\u002Fpositive\u002Fnone","sirolimus",[],[295,300,304,308,312,317],{"id":296,"name":297,"points":298,"category":299},"41710227","Tavus",455,"ai",{"id":301,"name":302,"points":303,"category":20},"41711032","Sourcebot",259,{"id":305,"name":306,"points":307,"category":20},"41695756","CrystalClear Audio",223,{"id":309,"name":310,"points":311,"category":20},"41683144","htmgo",166,{"id":313,"name":314,"points":315,"category":316},"41654723","Cronexpr",160,"languages",{"id":318,"name":319,"points":320,"category":20},"41699955","Facad",147,false,"v2",{"id":324,"name":5,"line":6,"ai":321,"cat":20,"year":13,"points":14,"comments":15,"rec":28,"s":325,"top":18,"kw":326,"maker":11,"domain":10,"tier":19,"attempts":41,"strip":327,"url":9,"mix":328,"praise":77,"objection":101,"sub":21},41701644,0.14,[21,24,25,26,27],"101000505015511500000005033513055511055",[31,32,33,34],1793991101477]