https://mockoon.com/_next/static/chunks/pages/tools/qr-code-generator-d1bc0b97f49fd005.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5933],{5977:(e,s,a)=>{"use strict";a.d(s,{A:()=>l});var r=a(37876),t=a(14232);let l=function({title:e,subtitle:s,cta:a=null,ctaContent:l,mainPicture:n=null,mainPictureAlt:o=null,mainPictureWidth:i,mainPictureHeight:c,mainPictureSkewed:d,children:m}){return d=d??!0,(0,r.jsx)("section",{className:`position-relative ${n?"py-lg-10 py-5 mb-4":"pt-8 pb-4"}`,children:(0,r.jsx)("div",{className:"container",children:(0,r.jsxs)("div",{className:"row align-items-center",children:[(0,r.jsxs)("div",{className:`col-12 ${n?"col-lg-6":"col-lg-8 mx-auto text-center"}`,children:[e&&(0,r.jsx)("h1",{dangerouslySetInnerHTML:{__html:e},className:`display-4 text-center fw-medium ${n?"text-lg-start":""} `}),s&&(0,r.jsx)("p",{className:`lead ${n?"text-lg-start":""}  text-center text-gray-700 mb-6 mb-lg-8`,dangerouslySetInnerHTML:{__html:s}}),a&&(0,r.jsx)("div",{className:`hero-cta ${n?"text-lg-start":""} text-center`,children:a.map((e,s)=>(0,r.jsxs)(t.Fragment,{children:[(0,r.jsx)("a",{href:e.link,target:e.blank?"_blank":void 0,className:"me-2",children:(0,r.jsx)("button",{className:`btn btn-primary${s>0?"-subtle":""} lift`,children:(0,r.jsxs)("span",{children:[e.text," ",e.link.includes("download")&&(0,r.jsx)("i",{className:"icon-file_download ps-2"})]})})}),e.subtitle&&(0,r.jsx)("p",{className:"m-0 text-gray-700 fst-italic",children:(0,r.jsx)("small",{children:e.subt

1itle})})]},s))}),l,(0,r.jsx)("div",{className:"mt-10",children:m})]}),n&&(0,r.jsx)("div",{className:"col-12 col-lg-6 mt-10 mt-lg-0",children:(0,r.jsx)("div",{className:`${d?"skewed-screenshot":""} mb-8 mb-lg-0`,children:(0,r.jsx)("img",{src:n,alt:o,loading:"lazy",className:" img-fluid ",width:i,height:c})})})]})})})}},20471:(e,s,a)=>{"use strict";a.d(s,{A:()=>t});var r=a(37876);let t=function({colorScheme:e,children:s}){return(0,r.jsx)("div",{className:`quote bg-${e}-subtle border-start border-${e} border-4 p-4 my-4`,role:"alert",children:s})}},21800:(e,s,a)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/tools/qr-code-generator",function(){return a(88570)}])},59751:(e,s,a)=>{"use strict";a.d(s,{A:()=>l});var r=a(37876),t=a(20471);let l=function(){return(0,r.jsxs)(t.A,{colorScheme:"secondary",children:[(0,r.jsx)("h4",{className:"fw-medium",children:"\uD83D\uDCA1 This tool is provided for free by Mockoon!"}),(0,r.jsxs)("p",{children:["Mockoon is a ",(0,r.jsx)("strong",{children:"powerful API mocking tool"})," that makes it easy to ",(0,r.jsx)("strong",{children:"create and manage mock APIs"})," for prototyping and testing. With an intuitive interface, you can quickly set up mock servers, customize responses, and simulate scenarios in real-time,"," ",(0,r.jsx)("strong",{children:"enhancing team collaboration"})," and"," ",(0,r.jsx)("strong",{children:"speeding up development"}),"."]}),(0,r.jsx)("div",{className:"mt-4",children:(0,r.jsxs)("a",{href:"/download/",className:"btn btn-primary-subtle btn-xs",children:[(0,r.jsx)("i",{className:"icon-file_download me-2"})," Download"]})})]})}},88570:(e,s,a)=>{"use strict";a.r(s),a.d(s,{default:()=>h});var r=a(37876),t=a(48230),l=a.n(t),n=a(71950),o=a(14232),i=a(5977),c=a(98642),d=a(59751),m=a(33076);let h=function(){let[e,s]=(0,o.useState)("Mockoon is an awesome API mocking tool!"),[a,t]=(0,o.useState)(1024),[h,u]=(0,o.useState)("#ffffff"),[x,g]=(0,o.useState)("#242830"),[b,j]=(0,o.useState)(1),[p,v]=(0,o.useState)("L"),[f,N]=(0,o.useState)(null),[y,w]=(0,o.useState)(128),[k,C]=(0,o.useState)(128),[R,S]=(0,o.useState)(!1),[_,Q]=(0,o.useState)(1);return(0,r.jsxs)(m.A,{footerBanner:"download",children:[(0,r.jsx)(c.A,{title:"Online QR Code generator",description:"Generate QR codes online for your text or URL with this free online tool"}),(0,r.jsx)(i.A,{title:'Online <span class="text-primary">QR Code generator</span>',subtitle:"Generate QR codes online for your text or URL with this free online tool"}),(0,r.jsx)("section",{className:"pb-5 pb-lg-10",children:(0,r.jsx)("div",{className:"container",children:(0,r.jsxs)("div",{className:"code-editor-layout-dual",children:[(0,r.jsxs)("div",{className:"",children:[(0,r.jsx)("h3",{children:"QR Code Settings"}),(0,r.jsxs)("div",{className:"mb-3",children:[(0,r.jsx)("label",{htmlFor:"text",children:"Text or URL"}),(0,r.jsx)("input",{type:"text",id:"value",className:"form-control border-secondary",value:e,onChange:e=>{s(e.target.value)}})]}),(0,r.jsxs)("div",{className:"mb-3",children:[(0,r.jsx)("label",{htmlFor:"size",children:"Size (px)"}),(0,r.jsx)("input",{type:"number",id:"size",className:"form-control border-secondary",value:a,onChange:e=>{t(Number(e.target.value))}})]}),(0,r.jsxs)("div",{className:"mb-3",children:[(0,r.jsx)("label",{htmlFor:"bgColor",children:"Backgroun

1d color"}),(0,r.jsx)("input",{type:"color",id:"bgColor",className:"form-control form-control-color border-secondary",value:h,onChange:e=>{u(e.target.value)}})]}),(0,r.jsxs)("div",{className:"mb-3",children:[(0,r.jsx)("label",{htmlFor:"fgColor",children:"Foreground color"}),(0,r.jsx)("input",{type:"color",id:"fgColor",className:"form-control form-control-color border-secondary",value:x,onChange:e=>{g(e.target.value)}})]}),(0,r.jsxs)("div",{className:"mb-3",children:[(0,r.jsx)("label",{htmlFor:"marginSize",children:"Margin size (level)"}),(0,r.jsx)("input",{type:"number",id:"marginSize",className:"form-control border-secondary",value:b,onChange:e=>{j(Number(e.target.value))}})]}),(0,r.jsxs)("div",{className:"mb-3",children:[(0,r.jsx)("label",{htmlFor:"errorCorrectionLevel",children:"Error correction level"}),(0,r.jsxs)("select",{id:"errorCorrectionLevel",className:"form-control border-secondary",value:p,onChange:e=>{v(e.target.value)},children:[(0,r.jsx)("option",{value:"L",children:"Low (7%)"}),(0,r.jsx)("option",{value:"M",children:"Medium (15%)"}),(0,r.jsx)("option",{value:"Q",children:"Quartile (25%)"}),(0,r.jsx)("option",{value:"H",children:"High (30%)"})]})]}),(0,r.jsx)("h3",{children:"Embedded Image settings"}),(0,r.jsxs)("div",{className:"mb-3",children:[(0,r.jsx)("label",{htmlFor:"embeddedImageSrc",children:"Embedded image URL"}),(0,r.jsx)("input",{type:"text",id:"embeddedImageSrc",className:"form-control border-secondary",value:f||"",onChange:e=>{N(e.target.value)}})]}),(0,r.jsxs)("div",{className:"mb-3 form-check",children:[(0,r.jsx)("input",{type:"checkbox",id:"embeddedImageExcavate",className:"form-check-input",checked:R,onChange:e=>{S(e.target.checked)}}),(0,r.jsx)("label",{htmlFor:"embeddedImageExcavate",className:"form-check-label",children:"Remove code pixels under the embedded image"})]}),(0,r.jsxs)("div",{className:"mb-3",children:[(0,r.jsx)("label",{htmlFor:"embeddedImageWidth",children:"Embedded image width"}),(0,r.jsx)("input",{type:"number",id:"embeddedImageWidth",className:"form-control border-secondary",step:1,value:y,onChange:e=>{w(Number(e.target.value))}})]}),(0,r.jsxs)("div",{className:"mb-3",children:[(0,r.jsx)("label",{htmlFor:"embeddedImageHeight",children:"Embedded image height"}),(0,r.jsx)("input",{type:"number",id:"embeddedImageHeight",className:"form-control border-secondary",step:1,value:k,onChange:e=>{C(Number(e.target.value))}})]}),(0,r.jsxs)("div",{className:"mb-3",children:[(0,r.jsx)("label",{htmlFor:"embeddedImageOpacity",children:"Embedded image opacity"}),(0,r.jsx)("input",{type:"number",id:"embeddedImageOpacity",className:"form-control border-secondary",step:.1,min:0,max:1,value:_,onChange:e=>{Q(Number(e.target.value))}})]})]}),(0,r.jsx)("div",{className:"code-editor-sync mx-6 fs-1 text-gray-600 text-center",children:(0,r.jsx)("i",{className:"icon-arrow_forward"})}),(0,r.jsx)("div",{className:"d-flex",children:(0,r.jsxs)("div",{className:"flex-grow-1",children:[(0,r.jsx)("h3",{children:"QRCode"}),(0,r.jsx)(n.X,{className:"w-100 h-auto",title:"QR Code",value:e,size:a,marginSize:b,bgColor:h,fgColor:x,level:p,imageSettings:f?{src:f,height:k,width:y,excavate:R,opacity:_}:void 0}),(0,r.jsx)("p",{className:"text-center text-gray-700",children:"Right-click → Save Image As... to download"})]})})]})})}),(0,r.jsx)("section",{className:"pb-5 pb-lg-10",children:(0,r.jsx)("div",{className:"container",children:(0,r.jsx)(d.A,{})})}),(0,r.jsx)("section",{className:"pb-5 pb-lg-10",children:(0,r.jsx)("div",{className:"container",children:(0,r.jsx)("div",{className:"row",children:(0,r.jsxs)("div",{className:"col-12",children:[(0,r.jsx)("h3",{className:"mt-6 fw-medium",children:"About this tool"}),(0,r.jsxs)("p",{children:["This tool allows you to"," ",(0,r.jsx)("strong",{children:"generate QR codes for any text or URL"}),"quickly and easily. Simply enter your text or URL, customize the design options, and download your QR code image."]}),(0,r.jsx)("p",{children:"Whether you're creating QR codes for marketing materials, event tickets, or personal use, this tool makes it simple and efficient."}),(0,r.jsxs)("p",{children:["This tool was built using the"," ",(0,r.jsx)(l(),{href:"https://www.npmjs.com/package/qrcode.react",children:"qrcode.react"})," ","library. ",(0,r.jsx)("strong",{children:"No information is sent to any server"}),", and all processing is done in your browser."]}

1),(0,r.jsx)("h3",{className:"mt-6 fw-medium",children:"About QR codes"}),(0,r.jsxs)("p",{children:["QR codes (Quick Response codes) are"," ",(0,r.jsx)("strong",{children:"two-dimensional barcodes"}),"that can store a variety of information, including URLs, text, and contact details. They can be scanned using smartphones and other devices equipped with cameras."]}),(0,r.jsx)("p",{children:"QR codes are widely used for various purposes, such as linking to websites, sharing contact information, and providing quick access to digital content. They are particularly useful in marketing, event management, and product packaging."}),(0,r.jsxs)("p",{children:["The ",(0,r.jsx)("strong",{children:"QR code can be customized"})," with different colors, logos, and designs to match your branding or personal style."]}),(0,r.jsxs)("p",{children:[(0,r.jsx)("strong",{children:"QR codes include error correction capabilities"}),", allowing them to be scanned even if they are partially damaged or obscured. The level of error correction can be adjusted based on your needs, with options ranging from low to high."]})]})})})})]})}}},e=>{e.O(0,[5366,1325,1950,9299,636,6593,8792],()=>e(e.s=21800)),_N_E=e.O()}]);