Free QR Gen

freeqrgen.net: a free QR code generator with your own colours and logo. No sign-up, no watermarks, and codes that never expire.

QR codes are generated entirely in the browser. What you put in a code (including WiFi passwords) is never sent to a server, and there is no redirect link that can stop working.

Features

• Nine QR code types, each with its own page: URL, WiFi, contact card (vCard), email, SMS, phone, WhatsApp, plain text and location
• Custom styling: foreground and background colours, logo upload, error correction level and download size, with warnings when a choice might stop a code scanning
• PNG and SVG downloads at any size
• Guides on using QR codes for menus, business cards, pet tags, holiday lets and more

Tech stack

Next.js 16 (App Router) · React 19 · TypeScript · Tailwind CSS · qrcode.react · deployed to AWS with SST · Sentry · Vitest · Playwright

Getting started

You need Node.js 22 and pnpm 8 (corepack enable will pick up the pinned version).

pnpm install
pnpm dev

Open http://localhost:3000.

You don't need any environment variables to work on the generator or the content pages. They're only needed for the feedback form and Sentry: see docs/development.md.

Useful scripts

Command	What it does
pnpm dev	Start the dev server
pnpm build	Production build
pnpm lint	ESLint
pnpm typecheck	TypeScript check
pnpm format	Format everything with Prettier
pnpm test	Run the Vitest unit tests
pnpm test:e2e	Run the Playwright E2E tests
pnpm test:e2e-open	Playwright UI mode

Merges to main deploy to production automatically once the tests pass. See docs/deployment.md.

Project structure

src/app/
  page.tsx                  Home page (the URL generator)
  <type>-qr-code-generator/ One page per QR type
  <guide-slug>/             One page per guide
  components/               UI, including the generator form and preview
  lib/                      QR type config, payload encoders, guides, metadata
  api/send-feedback/        Feedback form email route
  **/*.test.ts(x)           Vitest unit tests, next to the code they cover
tests/e2e/                  Playwright tests
docs/                       Project documentation
sst.config.ts               AWS infrastructure

Documentation

Full docs are in docs/:

• Architecture: how the app fits together
• Development: setup, env vars, scripts, code style
• Testing and Deployment
• How-tos: add a QR code type, add a guide

Contributing

Contributions are welcome. Read CONTRIBUTING.md and the definition of done before opening a pull request, and follow the Code of Conduct.

Security

Please report security issues privately to [email protected] rather than in a public issue.

License

MIT © Aidan Lowson

QR Code is a registered trademark of DENSO WAVE INCORPORATED.