https://qr-generator-delta-lake.vercel.app/

1<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" href="/_next/static/media/4c9affa5bc8f420e-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/f3f7e95f2dbc4fe4-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="stylesheet" href="/_next/static/css/fdebb5e91e2a8211.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/webpack-f21e0de4b1458ed9.js"/>

1<script src="/_next/static/chunks/4bd1b696-b192d863653abb48.js" async=""></script>

1<script src="/_next/static/chunks/684-fede61145545a12d.js" async=""></script>

1<script src="/_next/static/chunks/main-app-d9794b1200c643e4.js" async=""></script>

1<script src="/_next/static/chunks/995-a0326d8dbcb31a72.js" async=""></script>

1<script src="/_next/static/chunks/app/page-83f1bf82d75ba7cb.js" async=""></script>

1<meta name="next-size-adjust" content=""/><title>Cool QR Codes Studio</title><meta name="description" content="Design premium branded QR codes with themes, exports, saved projects, and video overlay planning."/>

1<script>document.querySelectorAll('body link[rel="icon"], body link[rel="apple-touch-icon"]').forEach(el => document.head.appendChild(el))</script>

1<script src="/_next/static/chunks/polyfills-42372ed130431b0a.js" noModule=""></script>

1</head><body class="__variable_73ee6c __variable_ce197d"><div hidden=""><!--$--><!--/$--></div><main class="mx-auto max-w-[1180px] px-4 py-6 lg:px-8 lg:py-10"><header class="mb-8 border-b pb-6" style="border-color:var(--line)"><div class="max-w-[56rem]"><div class="mb-3 inline-flex items-center gap-2 rounded-full px-3 py-1 text-[11px] font-semibold uppercase tracking-[0.24em]" style="background:var(--accent-soft);color:var(--text)"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles h-3.5 w-3.5" aria-hidden="true"><path d="M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z"></path><path d="M20 3v4"></path><path d="M22 5h-4"></path><path d="M4 17v2"></path><path d="M5 18H3"></path></svg> Cool QR Codes Studio</div><h1 class="max-w-[11ch] text-[clamp(2.2rem,5vw,4.8rem)] font-semibold leading-[0.95] tracking-[-0.06em]">Make a QR and export it.</h1><p class="mt-4 max-w-[46ch] text-base leading-7 muted">No login, no projects, no extra setup. Just enter a link or text, tweak the look, and download.</p></div></header><section class="grid gap-6 xl:grid-cols-[360px_minmax(0,1fr)]"><div class="space-y-6 xl:sticky xl:top-6 xl:self-start"><section class="surface rounded-[2rem] p-5 lg:p-6"><div class="mb-5"><h2 class="text-lg font-semibold tracking-tight" style="color:var(--text)">Basics</h2><p class="mt-1 max-w-[62ch] text-sm leading-6" style="color:var(--muted)">Only the controls most people need.</p></div><div class="space-y-4"><div class="grid grid-cols-2 gap-3"><label class="block space-y-2.5"><div><div class="text-sm font-semibold" style="color:var(--text)">Type</div></div><select class="w-full rounded-2xl border px-3 py-3 text-sm transition" style="border-color:var(--line);background:var(--panel-strong);color:var(--text)"><option value="url" selected="">URL</option><option value="text">Text</option></select></label><label class="block space-y-2.5"><div><div class="text-sm font-semibold" style="color:var(--text)">Theme</div></div><select class="w-full rounded-2xl border px-3 py-3 text-sm transition" style="border-color:var(--line);background:var(--panel-strong);color:var(--text)"><option value="minimal-monochrome" selected="">Minimal Monochrome</option><option value="cyber-neon">Cyber Neon</option><option value="glassmorphism">Glassmorphism</option><option value="sunset-gradient">Sunset Gradient</option><option value="luxury-gold">Luxury Gold</option><option value="retro-pixel">Retro Pixel</option><option value="corporate-clean">Corporate Clean</option><option value="pastel-cute">Pastel Cute</option><option value="dark-tech">Dark Tech</option><option value="creator-pop">Creator Pop</option></select></label></div><label class="block space-y-2.5"><div><div class="text-sm font-semibold" style="color:var(--text)">Content</div></div><textarea rows="5" placeholder="https://your-link.com" class="w-full rounded-2xl border px-3 py-3 text-sm transition min-h-[120px]" style="border-color:var(--line);background:var(--panel-strong);color:var(--text)">https://example.com</textarea></label><label class="block space-y-2.5"><div><div class="text-sm font-semibold" style="color:var(--text)">Label</div></div><input placeholder="Scan Me" class="w-full rounded-2xl border px-3 py-3 text-sm transition" style="border-color:var(--line);background:var(--panel-strong);color:var(--text)" value="Scan Me"/></label><div class="grid grid-cols-2 gap-3"><label class="block space-y-2.5"><div><div class="text-sm font-semibold" style="color:var(--text)">Foreground</div></div><input type="color" class="w-full rounded-2xl border px-3 py-3 text-sm transition" style="border-color:var(--line);background:var(--panel-strong);color:var(--text)" value="#111827"/></label><label class="block space-y-2.5"><div><div class="text-sm font-semibold" style="color:var(--text)">

1Background</div></div><input type="color" class="w-full rounded-2xl border px-3 py-3 text-sm transition" style="border-color:var(--line);background:var(--panel-strong);color:var(--text)" value="#ffffff"/></label></div></div></section><details class="surface rounded-[2rem] p-5 lg:p-6"><summary class="flex cursor-pointer list-none items-center justify-between text-sm font-semibold" style="color:var(--text)"><span>More options</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down h-4 w-4" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></summary><div class="mt-5 space-y-4"><div class="grid grid-cols-2 gap-3"><label class="block space-y-2.5"><div><div class="text-sm font-semibold" style="color:var(--text)">Error correction</div></div><select class="w-full rounded-2xl border px-3 py-3 text-sm transition" style="border-color:var(--line);background:var(--panel-strong);color:var(--text)"><option value="L">Low</option><option value="M">Medium</option><option value="Q">Quartile</option><option value="H" selected="">High</option></select></label><label class="block space-y-2.5"><div><div class="text-sm font-semibold" style="color:var(--text)">Frame</div></div><select class="w-full rounded-2xl border px-3 py-3 text-sm transition" style="border-color:var(--line);background:var(--panel-strong);color:var(--text)"><option value="none">None</option><option value="soft" selected="">Soft</option><option value="bold">Bold</option><option value="pill">Pill</option></select></label></div><div class="grid grid-cols-2 gap-3"><label class="block space-y-2.5"><div><div class="text-sm font-semibold" style="color:var(--text)">Modules</div></div><select class="w-full rounded-2xl border px-3 py-3 text-sm transition" style="border-color:var(--line);background:var(--panel-strong);color:var(--text)"><option value="square">Square</option><option value="rounded" selected="">Rounded</option><option value="dots">Dots</option><option value="classy">Classy</option><option value="classy-rounded">Classy rounded</option><option value="extra-rounded">Extra rounded</option></select></label><label class="block space-y-2.5"><div><div class="text-sm font-semibold" style="color:var(--text)">Eyes</div></div><select class="w-full rounded-2xl border px-3 py-3 text-sm transition" style="border-color:var(--line);background:var(--panel-strong);color:var(--text)"><option value="square">Square</option><option value="dot">Rounded</option><option value="extra-rounded" selected="">Soft</option></select></label></div><div class="grid grid-cols-2 gap-3"><label class="block space-y-2.5"><div><div class="text-sm font-semibold" style="color:var(--text)">Eye color</div></div><input type="color" class="w-full rounded-2xl border px-3 py-3 text-sm transition" style="border-color:var(--line);background:var(--panel-strong);color:var(--text)" value="#111827"/></label><label class="block space-y-2.5"><div><div class="text-sm font-semibold" style="color:var(--text)">Quiet zone</div></div><div class="flex items-center gap-3"><input type="range" min="8" max="40" class="w-full" value="20"/><span class="w-10 text-right text-sm font-semibold">20</span></div></label></div><div class="grid grid-cols-2 gap-3"><label class="block space-y-2.5"><div><div class="text-sm font-semibold" style="color:var(--text)">Gradient</div></div><select class="w-full rounded-2xl border px-3 py-3 text-sm transition" style="border-color:var(--line);background:var(--panel-strong);color:var(--text)"><option value="false" selected="">Off</option><option value="true">On</option></select></label><label class="block space-y-2.5"><div><div class="text-sm font-semibold" style="color:var(--text)">Transparent background</div></div><select class="w-full rounded-2xl border px-3 py-3 text-sm transition" style="border-color:var(--line);background:var(--panel-strong);color:var(--text)"><option value="false" selected="">No</option><option value="true">Yes</option></select></label></div><label class="block space-y-2.5"><div><div class="text-sm font-semibold" style="color:var(--text)">Logo upload</div></div><input type="file" accept="image/png,image/jpeg,image/svg+xml" class="w-full rounded-2xl border px-3 py-3 text-sm transition" style="border-color:var(--line);background:var(--panel-strong);color:var(--text)"/></label></div></details><section class="surface rounded-[2rem] p-5 lg:p-6"><div class="mb-5"><h2 class="text-lg font-semibold tracking-tight" style="color:var(--text)">Export</h2>

1<p class="mt-1 max-w-[62ch] text-sm leading-6" style="color:var(--muted)">Download when it looks right.</p></div><div class="space-y-4"><label class="block space-y-2.5"><div><div class="text-sm font-semibold" style="color:var(--text)">Export size</div></div><select class="w-full rounded-2xl border px-3 py-3 text-sm transition" style="border-color:var(--line);background:var(--panel-strong);color:var(--text)"><option value="512">512px — web</option><option value="1024" selected="">1024px — social</option><option value="2048">2048px — print</option></select></label><div class="grid grid-cols-2 gap-3"><button class="inline-flex items-center justify-center rounded-full px-4 py-2.5 text-sm font-semibold transition hover:translate-y-[-1px] disabled:cursor-not-allowed disabled:opacity-50" style="background:var(--text);color:var(--bg)"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-download mr-2 h-4 w-4" aria-hidden="true"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path><polyline points="7 10 12 15 17 10"></polyline><line x1="12" x2="12" y1="15" y2="3"></line></svg>PNG</button><button class="inline-flex items-center justify-center rounded-full px-4 py-2.5 text-sm font-semibold transition hover:translate-y-[-1px] disabled:cursor-not-allowed disabled:opacity-50" style="background:transparent;color:var(--text);border:1px solid var(--line)"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-download mr-2 h-4 w-4" aria-hidden="true"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path><polyline points="7 10 12 15 17 10"></polyline><line x1="12" x2="12" y1="15" y2="3"></line></svg>SVG</button></div></div></section></div><div class="space-y-6"><section class="surface rounded-[2rem] p-5 lg:p-6"><div class="mb-5"><h2 class="text-lg font-semibold tracking-tight" style="color:var(--text)">Preview</h2><p class="mt-1 max-w-[62ch] text-sm leading-6" style="color:var(--muted)">The QR is the main thing.</p></div><div class="mx-auto max-w-[560px] rounded-[2.2rem] border p-4 md:p-6" style="border-color:var(--line);background:var(--bg-soft)"><div class="rounded-[1.9rem] p-5 md:p-7" style="background:#ffffff"><div class="mb-5 text-center text-[clamp(1.35rem,2vw,1.7rem)] font-semibold tracking-[-0.04em]" style="color:#111827">Scan Me</div><div class="flex justify-center"><div class="mx-auto flex min-h-[256px] min-w-[256px] items-center justify-center"></div></div></div></div><div class="mt-5 flex flex-wrap gap-2"><span class="inline-flex rounded-full px-2.5 py-1 text-xs font-semibold" style="background:var(--bg-soft);color:var(--text)">Minimal Monochrome</span><span class="inline-flex rounded-full px-2.5 py-1 text-xs font-semibold" style="background:color-mix(in oklab, var(--success) 14%, transparent);color:var(--success)">100<!-- -->/100</span><span class="inline-flex rounded-full px-2.5 py-1 text-xs font-semibold" style="background:var(--bg-soft);color:var(--text)">1024<!-- -->px</span></div></section><section class="surface rounded-[2rem] p-5 lg:p-6"><div class="mb-5"><h2 class="text-lg font-semibold tracking-tight" style="color:var(--text)">Scanability</h2><p class="mt-1 max-w-[62ch] text-sm leading-6" style="color:var(--muted)">A quick check before you export.</p></div><div class="grid gap-5 md:grid-cols-[120px_minmax(0,1fr)] md:items-start"><div><div class="text-[2.5rem] font-semibold tracking-[-0.06em]">100</div><span class="inline-flex rounded-full px-2.5 py-1 text-xs font-semibold" style="background:color-mix(in oklab, var(--success) 14%, transparent);color:var(--success)">STRONG</span></div><div class="space-y-3 text-sm leading-6" style="color:var(--muted)"><div>No blocking issues detected.</div><div class="rounded-[1.4rem] p-4" style="background:var(--bg-soft)"><div class="mb-1 font-semibold" style="color:var(--text)">Suggestions</div><div>• <!-- -->Looks healthy. Test on at least one real phone camera before shipping.</div></div></div></div></section></div></section></main><!--$--><!--/$-->

1<script src="/_next/static/chunks/webpack-f21e0de4b1458ed9.js" async=""></script>

1<script>(self.__next_f=self.__next_f||[]).push([0])</script>

1<script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n2:I[7555,[],\"\"]\n3:I[1295,[],\"\"]\n4:I[4746,[\"995\",\"static/chunks/995-a0326d8dbcb31a72.js\",\"974\",\"static/chunks/app/page-83f1bf82d75ba7cb.js\"],\"StudioPage\"]\n5:I[9665,[],\"OutletBoundary\"]\n8:I[4911,[],\"AsyncMetadataOutlet\"]\na:I[9665,[],\"ViewportBoundary\"]\nc:I[9665,[],\"MetadataBoundary\"]\ne:I[6614,[],\"\"]\n:HL[\"/_next/static/media/4c9affa5bc8f420e-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/f3f7e95f2dbc4fe4-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/css/fdebb5e91e2a8211.css\",\"style\"]\n"])</script>

1<script>self.__next_f.push([1,"0:{\"P\":null,\"b\":\"2kYNcyCe9lGUCjDOTem9Y\",\"p\":\"\",\"c\":[\"\",\"\"],\"i\":false,\"f\":[[[\"\",{\"children\":[\"__PAGE__\",{}]},\"$undefined\",\"$undefined\",true],[\"\",[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/fdebb5e91e2a8211.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"en\",\"children\":[\"$\",\"body\",null,{\"className\":\"__variable_73ee6c __variable_ce197d\",\"children\":[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L3\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"},\"children\":404}],[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0},\"children\":\"This page could not be found.\"}]}]]}]}]],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}]}]]}],{\"children\":[\"__PAGE__\",[\"$\",\"$1\",\"c\",{\"children\":[[\"$\",\"$L4\",null,{}],null,[\"$\",\"$L5\",null,{\"children\":[\"$L6\",\"$L7\",[\"$\",\"$L8\",null,{\"promise\":\"$@9\"}]]}]]}],{},null,false]},null,false],[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$1\",\"R_N88HfACFbI40Idmudv6v\",{\"children\":[[\"$\",\"$La\",null,{\"children\":\"$Lb\"}],[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"}]]}],[\"$\",\"$Lc\",null,{\"children\":\"$Ld\"}]]}],false]],\"m\":\"$undefined\",\"G\":[\"$e\",\"$undefined\"],\"s\":false,\"S\":true}\n"])</script>

1<script>self.__next_f.push([1,"f:\"$Sreact.suspense\"\n10:I[4911,[],\"AsyncMetadata\"]\nd:[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$f\",null,{\"fallback\":null,\"children\":[\"$\",\"$L10\",null,{\"promise\":\"$@11\"}]}]}]\n7:null\n"])</script>

1<script>self.__next_f.push([1,"b:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\n6:null\n"])</script>

1<script>self.__next_f.push([1,"9:{\"metadata\":[[\"$\",\"title\",\"0\",{\"children\":\"Cool QR Codes Studio\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"Design premium branded QR codes with themes, exports, saved projects, and video overlay planning.\"}]],\"error\":null,\"digest\":\"$undefined\"}\n11:{\"metadata\":\"$9:metadata\",\"error\":null,\"digest\":\"$undefined\"}\n"])</script>

1</body></html>