[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fcomponents\u002Fqr-code":3},{"canonical_path":4,"template":5,"family":6,"indexable":7,"totals":8,"category":10,"seo":14,"breadcrumbs":18,"content":27,"examples":36,"showcases":170,"links":171,"dates":198},"\u002Fexamples\u002Fcomponents\u002Fqr-code","collection","components",true,{"example_count":9,"app_count":9},5,{"id":11,"title":12,"description":13},285,"QR code","Explore how interfaces present a scannable code within a task. Look at how the QR code is paired with instructions, destination context, and related controls.",{"title":15,"description":16,"og_image":17},"QR code UI examples - Nicelydone","QR code UI design examples from SaaS apps. Explore how interfaces present a scannable code within a task. Look at how the QR code is paired with…","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fa77eb953-ea18-4ada-8dba-36976bc6fa12.png",[19,22,25],{"label":20,"to":21},"Examples","\u002Fexamples",{"label":23,"to":24},"SaaS UI component examples","\u002Fexamples\u002Fcomponents",{"label":26,"to":4},"QR code UI examples",{"title":26,"eyebrow":28,"description":29,"sections":30,"body":34},"UI component category","QR code UI design examples from SaaS apps. Explore how interfaces present a scannable code within a task. Look at how the QR code is paired with instructions, destination context, and related controls.",[31],{"title":32,"description":13,"links":33},"About QR code",[],[35],"5 UI components",[37,67,91,120,149],{"uuid":38,"title":39,"description":40,"canonical_path":41,"image":17,"width":42,"height":43,"image_alt":44,"kind":45,"categories":46,"app":49},"3616a3a6-bb03-416f-ab7d-25b3d29f0989","Slack UI component","A modal for signing in to a workspace on mobile using a QR code.","\u002Fexamples\u002Fapps\u002Fslack\u002Fcomponents",1119,1264,"UI component from Slack","component",[47],{"id":11,"title":12,"slug":48},"qr-code",{"slug":50,"title":51,"logo":52,"baseline":53,"categories":54},"slack","Slack","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fslack-fd2f6962.png","Be less busy",[55,59,63],{"id":56,"title":57,"slug":58},23,"Collaboration","collaboration",{"id":60,"title":61,"slug":62},42,"Messaging","messaging",{"id":64,"title":65,"slug":66},82,"Communication","communication",{"uuid":68,"title":69,"description":70,"canonical_path":71,"image":72,"width":73,"height":73,"image_alt":74,"kind":45,"categories":75,"app":77},"30116671-85bf-467d-a25f-adc801f7a240","QR Code","A standalone QR code displayed on a white rounded square background with a subtle drop shadow.","\u002Fexamples\u002Fapps\u002Fthreads-net\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Ffda0b14b-1546-490c-9cd6-8378b9b43c05.png",536,"QR Code from Threads",[76],{"id":11,"title":12,"slug":48},{"slug":78,"title":79,"logo":80,"baseline":81,"categories":82},"threads-net","Threads","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fthreads-vea0b9m3.png","Say more with Threads",[83,87],{"id":84,"title":85,"slug":86},14,"Social","social",{"id":88,"title":89,"slug":90},49,"Social Network","social-network",{"uuid":92,"title":93,"description":94,"canonical_path":95,"image":96,"width":97,"height":98,"image_alt":99,"kind":45,"categories":100,"app":102},"a49021b0-511f-4c0c-9596-24cc4cff5190","App download prompt","A section prompting users to download the mobile app, featuring a title, description, app store badges, and a QR code.","\u002Fexamples\u002Fapps\u002Fperplexity\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fa19ea7c0-3868-4a06-af9e-5e887599342e.png",1534,570,"App download prompt from Perplexity",[101],{"id":11,"title":12,"slug":48},{"slug":103,"title":104,"logo":105,"baseline":106,"categories":107},"perplexity","Perplexity","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fperplexity-f963a769.png","World's first conversational answer engine and research companion",[108,112,116],{"id":109,"title":110,"slug":111},80,"Artificial Intelligence","artificial-intelligence",{"id":113,"title":114,"slug":115},22,"Knowledge Management","knowledge-management",{"id":117,"title":118,"slug":119},55,"Search engine","search-engine",{"uuid":121,"title":122,"description":123,"canonical_path":124,"image":125,"width":126,"height":127,"image_alt":128,"kind":45,"categories":129,"app":131},"ded86dae-1ef1-40ea-a3f4-8350c855fdac","Mobile App Download Modal","A modal prompting the user to download the mobile app by scanning a QR code.","\u002Fexamples\u002Fapps\u002Fsuperhuman\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F813495f5-3c8e-4eac-b18b-0c8d01a724ae.png",769,773,"Mobile App Download Modal from Superhuman",[130],{"id":11,"title":12,"slug":48},{"slug":132,"title":133,"logo":134,"baseline":135,"categories":136},"superhuman","Superhuman","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fsuperhuman-3d38669b.png","The fastest email experience ever made",[137,141,145],{"id":138,"title":139,"slug":140},30,"Productivity","productivity",{"id":142,"title":143,"slug":144},92,"Email","email",{"id":146,"title":147,"slug":148},101,"Calendar","calendar",{"uuid":150,"title":151,"description":152,"canonical_path":153,"image":154,"width":155,"height":156,"image_alt":157,"kind":45,"categories":158,"app":160},"2a084298-4d14-4762-b7a1-cc4678bd7f07","QR Code Share Panel","A panel displaying a large QR code for sharing. It includes a checkbox to link to the current page, a button to toggle the QR code view, and a button to copy the link.","\u002Fexamples\u002Fapps\u002Ftome\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F2a084298-4d14-4762-b7a1-cc4678bd7f07.png",794,800,"QR Code Share Panel from Tome",[159],{"id":11,"title":12,"slug":48},{"slug":161,"title":162,"logo":163,"baseline":164,"categories":165},"tome","Tome","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Ftome-3d8125c5.png","The storytelling tool for work",[166],{"id":167,"title":168,"slug":169},85,"Presentation software","presentation-software",[],[172,174,177,180,183,186,189,192,195],{"label":69,"to":173},"\u002Fexamples\u002Fscreens\u002Fqr-code",{"label":175,"to":176},"Confirmation","\u002Fexamples\u002Fscreens\u002Fconfirmation",{"label":178,"to":179},"Home","\u002Fexamples\u002Fscreens\u002Fhome",{"label":181,"to":182},"Onboarding Checklist","\u002Fexamples\u002Fscreens\u002Fonboarding-checklist",{"label":184,"to":185},"Slack design examples","\u002Fexamples\u002Fapps\u002Fslack",{"label":187,"to":188},"Threads design examples","\u002Fexamples\u002Fapps\u002Fthreads-net",{"label":190,"to":191},"Perplexity design examples","\u002Fexamples\u002Fapps\u002Fperplexity",{"label":193,"to":194},"Superhuman design examples","\u002Fexamples\u002Fapps\u002Fsuperhuman",{"label":196,"to":197},"Tome design examples","\u002Fexamples\u002Fapps\u002Ftome",{"published_at":199,"updated_at":200},"2022-11-27T10:47:16.000Z","2026-09-22T12:10:27.000Z"]