Skip to content

2025.06) QR Code Generator - Create high-quality, customizable QR codes with logos and UTM tracking for professional marketing campaigns

License

Notifications You must be signed in to change notification settings

Nuung/qrcode-gen

Repository files navigation

License HTML5 CSS3 JavaScript

Super Easy QR Code Generator

Create branded QR codes with UTM tracking in seconds

Live Demo

QR Code Generator Preview

Live Demo

👉 Try it now
Generate professional QR codes with logos and complete UTM parameter tracking for your marketing campaigns.

Key Features

1) Super Simple Design

  • Custom logos with smart positioning and sizing
  • Brand colors with real-time color picker
  • High-resolution output (1200x1200px) for print quality
  • Modern UI with glassmorphism effects

2) Complete UTM Tracking

  • Supports all 5 UTM parameters (source, medium, campaign, content, term)
  • Presets for Facebook, Email, Print, YouTube campaigns
  • Real-time URL preview
  • Google Analytics ready

3) Advanced Customization

  • Pattern enhancements for optimal scanner recognition
  • Adjustable cell size & margins
  • Optimized timing patterns for mobile scanning
  • Export as SVG or PNG

4) Production Ready

  • 100% client-side: no server, no data leakage
  • Mobile-friendly and responsive
  • Accessibility compliant (WCAG 2.1)
  • Cross-browser compatible

Ideal For

  • Digital marketers
  • Print designers
  • Event organizers
  • Content creators
  • Small businesses
  • And Every Builders!

Quick Start

  1. Visit nuung.github.io/qrcode-gen
  2. Enter your URL and UTM parameters
  3. Upload your logo (optional)
  4. Customize colors and sizing
  5. Download your QR code

Use Cases

1) Marketing Campaigns

  • Print ads with trackable QR codes
  • Social media attribution
  • Email performance tracking
  • Event sign-up systems

2) Business Applications

  • Digital business cards
  • Branded product packaging
  • Menu digitization
  • Creative portfolio links

Technical Highlights

  • Built with Vanilla JavaScript – lightweight and fast
  • Error Correction Level L for dense data
  • Mobile-optimized scanning patterns
  • Entirely client-side processing
  • PWA ready – installable on desktop and mobile

Why Use This Tool?

Compared to basic QR generators:

  • ✅ Full UTM support for tracking marketing performance
  • ✅ Logo branding with smart positioning
  • ✅ Print-ready resolution
  • ✅ Instant real-time preview
  • ✅ All data handled locally for privacy
  • ✅ Seamless mobile and desktop experience

Links

License

MIT License – free for personal and commercial use.


Built by Nuung — Made for marketers and creators

About

2025.06) QR Code Generator - Create high-quality, customizable QR codes with logos and UTM tracking for professional marketing campaigns

Topics

Resources

License

Security policy

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published