Free QR Code Generator with custom logo support. Generate QR codes for URLs, text, and contact cards (vCard 3.0). Add your own logo in the center. Download as PNG. No sign-up, no ads, 100% client-side.
🌐 Demo en vivo / Live demo: qr.miguelacm.es
- 3 modos / 3 modes: URL, Texto libre / Free text, Contacto vCard 3.0
- Logo personalizado / Custom logo: Centered logo with automatic white background
- Error Correction H (30%): Maximum reliability even with logo covering part of the QR
- Descarga PNG / PNG download: One-click export
- Integración iframe / iframe embed: Embed it on any website
- Sin servidor / Zero server: Everything runs in the browser (Canvas API + qrcode.js)
- Open source: MIT license, use it freely
git clone https://github.com/m-a-c-m/qr-generator.git
cd qr-generator
npm install
npm run devOpen http://localhost:3000.
NEXT_PUBLIC_SITE_URL=https://qr.miguelacm.es<iframe
src="https://miguelacm.es/embed/qr-generator"
width="100%"
height="600"
style="border:none;border-radius:12px;"
title="Generador QR — miguelacm.es"
loading="lazy"
></iframe><a href="https://miguelacm.es/tools/qr-generator" target="_blank" rel="noopener">
Generador QR gratis por MACM
</a>💡 The link option generates a real backlink that benefits the project. Recommended if your platform supports custom HTML.
| Technology | Version | Purpose |
|---|---|---|
| Next.js | 16 | React framework + SSG |
| TypeScript | 5 | Type safety |
| Tailwind CSS | 4 | Styling |
| qrcode | 1.5 | QR generation |
| react-icons | 5 | Icons |
MIT © Miguel Ángel Colorado Marin (MACM)
Built with ❤️ by MACM — Full Stack Developer & Cybersecurity Specialist from Guadalajara, Spain.
- 🌐 Portfolio: miguelacm.es
- 💼 LinkedIn: linkedin.com/in/macm
- 🐙 GitHub: github.com/m-a-c-m