• 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: v11
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: Download the generated QR code as a PNG file
  • 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. Once generated, click "Download PNG" to save the QR code to your device

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.