QR Generator

\n \n

\n Loading...\n

\n \n \n \n

Customize

\n \n

\n Dots\n dots\n

\n \n

●■

\n \n

\n Corner Square\n extra-rounded\n

\n \n

●■

\n \n

\n Corner Dot\n dot\n

\n \n

●■

\n \n

\n Pixels\n \n

\n Background\n \n

\n \n \n URL\n \n \n \n

\n \n \n \n

\n \n \n

\n \n \n\n\n",[],[176],{"_105":185,"_96":100,"_157":117,"_159":-5,"_160":142,"_161":186,"_162":119,"_107":187,"_101":188,"_165":189,"_167":190,"_169":22,"_170":97,"_171":191,"_99":192},"2a27d248-f3d5-11f0-abd2-42dde27851f2",23,["D",1768675730924],4,"http","import { staticHTTPServer } from \"https://esm.town/v/std/utils/index.ts\";\nexport default staticHTTPServer(import.meta.url);\n",[],[100],{"_105":194,"_96":195,"_157":196,"_159":-5,"_160":142,"_161":197,"_162":22,"_107":198,"_101":188,"_165":166,"_167":199,"_169":22,"_170":-5,"_171":200,"_99":201},"8e9d8fdc-f3d6-11f0-b7a7-42dde27851f2","styles.css","894e63de-f3d2-11f0-b1b0-42dde27851f2",31,["D",1768676328966],":root {\n --pico-background-color: #0d0d0d;\n --pico-card-background-color: #1a1a1a;\n}\n\nbody {\n min-height: 100vh;\n background: linear-gradient(135deg, #0d0d0d 0%, #1a1a2e 100%);\n}\n\n.container {\n max-width: 480px;\n padding-top: 2rem;\n}\n\nh1 {\n background: linear-gradient(135deg, #fff 0%, #a5a5a5 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n}\n\n.qr-container {\n display: flex;\n justify-content: center;\n margin: 1.5rem 0;\n}\n\n.qr-wrapper {\n background: #ffffff;\n border-radius: 24px;\n padding: 1rem;\n display: flex;\n align-items: center;\n justify-content: center;\n box-shadow: 0 8px 32px rgba(0,0,0,0.3);\n min-width: 312px;\n min-height: 312px;\n transition: background-color 0.2s;\n}\n\n.qr-wrapper svg,\n.qr-wrapper canvas {\n display: block;\n}\n\n.label-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 0.25rem;\n}\n\n.style-value {\n font-family: monospace;\n font-size: 0.75rem;\n color: var(--pico-primary);\n background: rgba(99, 102, 241, 0.15);\n padding: 0.2rem 0.5rem;\n border-radius: 4px;\n}\n\n.slider-labels {\n display: flex;\n justify-content: space-between;\n font-size: 0.7rem;\n color: rgba(255,255,255,0.35);\n margin-top: 0.25rem;\n padding: 0 0.25rem;\n}\n\ndetails {\n margin: 1rem 0;\n}\n\n.option-group {\n margin-bottom: 1rem;\n}\n\n.option-group:last-child {\n margin-bottom: 0;\n}\n\n.color-row {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 1rem;\n margin-top: 1rem;\n}\n\n.color-row .option-group {\n margin-bottom: 0;\n}\n\n.color-row input[type=\"color\"] {\n width: 100%;\n height: 42px;\n padding: 4px;\n cursor: pointer;\n}\n\n.download-group {\n display: flex;\n gap: 0.5rem;\n}\n\n.download-group button {\n flex: 1;\n margin-bottom: 0;\n}\n\nfooter {\n text-align: center;\n margin-top: 2rem;\n opacity: 0.5;\n font-size: 0.875rem;\n}\n\nfooter a {\n color: inherit;\n}\n\n.loading {\n color: rgba(0,0,0,0.4);\n font-size: 0.875rem;\n}\n",[],[195],"files",[154,174,184,193],"counts",{"_206":32,"_207":208,"_209":32,"_210":211,"_214":215},"pulls","branches",1,"forks","envVars",{"_212":32,"_213":32},"count","emptyCount","connections",{"_212":32,"_216":32},"unfilledCount","contents",[],{"_105":185,"_96":100,"_157":117,"_159":-5,"_160":142,"_161":186,"_162":119,"_107":220,"_101":188,"_165":189,"_167":190,"_169":22,"_170":97,"_99":221},["D",1768675730924],[100],"upstreamProject","upstreamBranch","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name.branch.$branch.version.$version.code.$",{"_94":95,"_96":97,"_98":44,"_101":102,"_99":100,"_103":230,"_152":235,"_202":248,"_166":249,"_217":252,"_253":-5,"_254":-5,"_255":-5,"_256":-5,"_257":258,"_210":-5},{"_105":106,"_96":97,"_107":231,"_109":-5,"_110":22,"_111":112,"_113":-5,"_114":-5,"_14":115,"_116":117,"_118":119,"_120":-5,"_121":-5,"_122":32,"_16":123,"_124":125,"_126":125,"_127":128,"_129":128,"_130":128,"_131":125,"_132":125,"_23":232,"_136":233,"_139":234,"_151":22},["D",1768674045845],{"_94":95,"_134":135},{"_94":95,"_138":135,"_14":115},{"_101":141,"_96":44,"_105":142,"_143":106,"_144":-5,"_145":-5,"_146":-5,"_147":-5,"_148":-5,"_149":97,"_150":95},[236,239,242,245],{"_105":155,"_96":156,"_157":158,"_159":-5,"_160":142,"_161":102,"_162":22,"_107":163,"_101":164,"_165":166,"_167":168,"_169":22,"_170":-5,"_171":237,"_99":238},[],[156],{"_105":175,"_96":176,"_157":177,"_159":-5,"_160":142,"_161":178,"_162":22,"_107":179,"_101":180,"_165":166,"_167":181,"_169":22,"_170":-5,"_171":240,"_99":241},[],[176],{"_105":185,"_96":100,"_157":117,"_159":-5,"_160":142,"_161":186,"_162":119,"_107":187,"_101":188,"_165":189,"_167":190,"_169":22,"_170":97,"_171":243,"_99":244},[],[100],{"_105":194,"_96":195,"_157":196,"_159":-5,"_160":142,"_161":197,"_162":22,"_107":198,"_101":188,"_165":166,"_167":199,"_169":22,"_170":-5,"_171":246,"_99":247},[],[195],[236,239,242,245],{"_105":185,"_160":142,"_157":117,"_96":100,"_167":190,"_165":189,"_101":188,"_159":-5,"_107":250,"_161":186,"_170":97,"_99":251},["D",1768675730924],[100],[],"upstream","pull","ahead","behind","templates",[],"actionData","errors"]

kamalnrf

qr-generator