A modern, user-friendly web application that generates QR codes from URLs in multiple formats. Built with love by Noumanic - your trusted tech brand for open-source solutions.
- 🎨 Beautiful, Responsive Design - Works perfectly on all devices
- ⚡ Interactive Frontend - Real-time URL validation and instant feedback
- 👀 Live Preview - See your QR code before downloading
- 📊 File Size Info - Know the size of each format before downloading
- 📱 Mobile Friendly - Perfect experience on phones and tablets
- ⌨️ Keyboard Shortcuts - Ctrl/Cmd + Enter to generate, Escape to reset
- 📋 Copy to Clipboard - One-click URL copying functionality
- ⚡ Quick Generation - Generate QR codes directly from terminal
- 🎯 Simple Usage - Just run
node index.jsand follow prompts - 📁 Multiple Formats - Generate PNG, SVG, EPS, and PDF formats
- 🔧 Developer Friendly - Perfect for scripts and automation
- 📱 Instant Generation - Generate QR codes from any URL in seconds
- 🎨 Multiple Formats - Download in PNG, SVG, EPS, and PDF formats
- ⚡ Fast & Lightweight - Optimized for speed and performance
- 🔒 Secure - No data stored, all processing happens locally
- Clone and Install:
git clone https://github.com/noumanic/qrcode-generator.git
cd qrcode-generator
npm install- Start the Server:
npm start- Open Your Browser:
Navigate to
http://localhost:3000and start generating QR codes!
For command-line usage and automation:
node index.jsCommand Line Features:
- Interactive prompts for URL input
- Automatic QR code generation in all formats
- Files saved to current directory
- Perfect for scripts and automation
- Enter URL - Type or paste any valid URL in the input field
- Generate - Click "Generate QR Code" or press Ctrl/Cmd + Enter
- Preview - See your QR code instantly in the preview section
- Download - Choose your preferred format and download
- Share - Use your QR code anywhere you need it!
- Run Command - Execute
node index.jsin your terminal - Enter URL - Follow the interactive prompts to enter your URL
- Generate - The system automatically generates QR codes in all formats
- Find Files - Check your current directory for the generated files
- Use - All QR code files are ready to use!
| Format | Description | Best For |
|---|---|---|
| PNG | High-quality raster image | Web use, social media, general purpose |
| SVG | Scalable vector graphics | Print at any size, web graphics |
| Print-ready document | Professional printing, documents | |
| EPS | Encapsulated PostScript | Professional printing, design work |
- Frontend: Pure HTML5, CSS3, and JavaScript (ES6+)
- Backend: Node.js with Express.js
- QR Generation: qr-image library
- Styling: Modern CSS with gradients and animations
- Icons: Font Awesome 6
- Fonts: Inter (Google Fonts)
Generate QR code from URL
Request:
{
"url": "https://example.com"
}Response:
{
"success": true,
"url": "https://example.com",
"preview": "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAA...",
"downloads": {
"png": {
"filename": "qr_code_1234567890.png",
"downloadUrl": "/downloads/qr_code_1234567890.png",
"size": 1024
},
"svg": { ... },
"pdf": { ... },
"eps": { ... }
}
}This project is proudly developed by Noumanic - a tech brand focused on creating open-source solutions that make technology accessible to everyone.
- 🏢 Company: Noumanic
- 👨💻 Developer: Nouman Hafeez
- 🐙 GitHub: @noumanic
- 📧 Contact: Available through GitHub
We welcome contributions! Here's how you can help:
- Fork the repository
- Create your feature branch (
git checkout -b feature/amazing-feature) - Commit your changes (
git commit -m 'Add some amazing feature') - Push to the branch (
git push origin feature/amazing-feature) - Open a Pull Request
This project is open source and available under the MIT License.
- Thanks to all contributors who help make this project better
- Special thanks to the open-source community for the amazing tools we use
- Built with ❤️ by the Noumanic team
⭐ If you found this project helpful, please give it a star!
🔗 Visit our GitHub: github.com/noumanic