About this Component
Generate beautiful, fully custom QR codes right inside Framer — no external service, no tracking, no dependencies. QR Code Generator builds the code live from your content and styles it to match your brand, with an optional download button for visitors.
Eight content types cover everything from links to Wi-Fi access and full contact cards.
How to use
Drop the component into your layout and pick a Type: URL, Text, Wi-Fi, Email, Phone, SMS, Geo location, or vCard contact. Fill in the matching fields — for example network name, password, and security for Wi-Fi, or name, company, phone, and email for a vCard.
Then style it: pick a Color or a two-color Gradient with a custom angle, set the Background or make it transparent, and choose a Module Style — square, rounded, or dots — with adjustable roundness. Add your Logo in the center with its own size, padding, background, and radius, set the Error Correction level and Quiet Zone, and optionally show a Download button that saves the code as PNG or SVG.
Features
Eight content types: URL, text, Wi-Fi, email, phone, SMS, geo, and vCard
Live QR generation with no external services
Solid color or two-color gradient with custom angle
Custom or transparent background
Three module styles: square, rounded, and dots
Center logo with size, padding, background, and radius controls
Four error-correction levels
Adjustable quiet zone
Optional visitor-facing download button
PNG or SVG export with adjustable PNG resolution
Custom download button label
Works as a section, frame, or card element
Responsive across desktop, tablet, and mobile
Refund Policy:
Due to the nature of digital products, all sales are final. Once purchased, this component is non-refundable. Please make sure it fits your needs before completing the checkout.
Support: hi@alicorak.com
