• Blog
  • Docs
  • Pricing
  • We’re hiring!
Log inSign up
alexmnps

alexmnps

QRFactory

Public
Like
QRFactory
Home
Code
2
README.md
H
index.ts
Branches
1
Pull requests
Remixes
History
Environment variables
Val Town is a collaborative website to build and scale JavaScript apps.
Deploy APIs, crons, & store data – all from the browser, and deployed in milliseconds.
Sign up now
Code
/
README.md
Code
/
README.md
Search
5/23/2025
Viewing readonly version of main branch: v17
View latest version
README.md

QR Code Generator

A simple web application that generates QR codes from URLs and allows users to download them as PNG images.

Features

  • URL Input: Enter any valid URL to generate a QR code
  • Customizable Size: Choose from multiple size options (200x200 to 1000x1000 pixels)
  • Instant Generation: QR codes are generated in real-time using the qrcode library
  • PNG Download: Right-click the generated QR code image to save it
  • Responsive Design: Clean, mobile-friendly interface using TailwindCSS
  • Input Validation: Ensures valid URLs are entered before generation

Usage

  1. Enter a valid URL in the text field (e.g., https://example.com)
  2. Select your desired QR code size from the dropdown
  3. Click "Generate QR Code" or press Enter
  4. Right-click the generated QR code image and select "Save image as..." to download

Technical Details

  • Frontend: Pure HTML/CSS/JavaScript with TailwindCSS for styling
  • QR Generation: Uses the qrcode library from ESM.sh
  • Canvas Rendering: QR codes are rendered to HTML5 canvas for high quality
  • Client-side Only: No backend required, all processing happens in the browser

File Structure

├── index.ts           # HTTP handler that serves the QR code generator webpage
└── README.md          # This documentation file

The application is entirely self-contained in a single TypeScript file that serves the HTML content.

FeaturesVersion controlCode intelligenceCLIMCP
Use cases
TeamsAI agentsSlackGTM
DocsShowcaseTemplatesNewestTrendingAPI examplesNPM packages
PricingNewsletterBlogAboutCareers
We’re hiring!
Brandhi@val.townStatus
X (Twitter)
Discord community
GitHub discussions
YouTube channel
Bluesky
Open Source Pledge
Terms of usePrivacy policyAbuse contact
© 2025 Val Town, Inc.