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

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

22 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

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