QRCoder is a modern, responsive, and high-performance QR code generator application built with Next.js 16 and React 19. It offers real-time previewing, extensive customization options, and high-quality export capabilities (PNG, SVG, PDF).

• Real-Time Preview: See your QR code update instantly as you type or adjust settings.
• High-Quality Export: Download your QR codes in PNG, SVG, or PDF (Vector) formats.
• Customization:
  • Content: URL or arbitrary text.
  • Size: Adjustable from 128px up to 1024px.
  • Error Correction: Selectable levels (L, M, Q, H) to balance density and resilience.
  • Colors: Fully customizable foreground and background colors (#hex).
  • Margins: Toggle quiet zone padding.
• Modern UI: Built with Shadcn UI and Tailwind CSS v4 for a clean, accessible, and responsive design.
• Dark Mode: Fully supported out of the box.

• Framework: Next.js 16 (App Router, Turbopack)
• Language: TypeScript
• Styling: Tailwind CSS v4
• UI Components: Shadcn UI (Radix UI)
• State & Forms:
  • @tanstack/react-query
  • @tanstack/react-form
  • Zod (Validation)
• QR Generation: qrcode.react
• Processing & PDF: Sharp, pdf-lib
• Runtime & PM: Bun

This project is optimized for Bun.

git clone https://github.com/jondmarien/qrcoder.git
cd qrcoder

bun install

bun dev

Open http://localhost:3000 with your browser to see the result.

To create an optimized production build:

bun run build
bun start

This project is open-source and available under the MIT License.