Stunning UI / UX

Redesigned from the ground up, QrGen now features an ultra-premium Dark Glassmorphism visual language.

• Deep background ambient lighting with slow-drifting, glowing color orbs.
• Elegant multi-layered drop shadows, translucent cards, and a sophisticated -webkit-backdrop-filter system.
• Fluid micro-interactions: Hover states smoothly lift and highlight form inputs, segmented control tabs dynamically shift with bouncy scaling, and a beautifully tailored custom scrollbar completes the experience.

Features

• Extensive Content Types: Generate intelligent QR codes for Plain Text, URLs, vCards (Contacts), Calendar Events (iCal), WiFi credentials, Emails, Phone Numbers, and SMS.
• Deep Pattern Customization: Select between multiple QR module patterns, including Classic Square, Rounded, Gapped, and Circular styles.
• Finder-Pattern (Eye) Styling: Exclusively shape the "Eyes" of your QR codes independently from the core pattern!
• Color Engine Overhaul: Apply your own custom Base Colors and Finder Pattern colors with zero "bleeding" issues. The core generation logic perfectly maps your colors while keeping the eye-corners pristine.
• Background Control: Choose a solid custom background color, apply a dynamic graphic overlay mask (e.g., Circuit, Dots, Gradients), or render the QR entirely Transparent.
• Live Preview Engine: See your QR code generate in real time as you configure it! The floating Preview Dashboard shows up to 10 beautiful styling combinations (e.g., "Classic Square", "Hybrid Style", "Emerald", "Indigo", "With Logo") generated locally using your live input.
• Logo Integration: Upload custom central logos that seamlessly overlay onto the QR codes with automatic safe-zone rendering.

Gallery

Installation

Prerequisites

• Python 3.8+
• Node.js (Optional, if extending CSS tooling)

Setup Instructions

1. Clone the repository:

   git clone https://github.com/RasikhAli/QrGen.git
   cd QrGen
   

2. Create a virtual environment (recommended):

   python -m venv venv
   

   Activate it:

   • On Windows: venv\Scripts\activate
   • On macOS/Linux: source venv/bin/activate

3. Install dependencies:

   pip install -r requirements.txt
   

4. Run the application locally:

   python app.py
   

5. Start generating! Open your favorite browser and navigate to: http://localhost:5000

Tech Stack

• Backend: Python, Flask, qrcode, Pillow (PIL) for advanced pixel matrix manipulation.
• Frontend: HTML5, Vanilla CSS3 (Custom Properties, Keyframes, Flexbox/Grid), Vanilla JavaScript (ES6+).
• Icons: FontAwesome.

License

Released under the MIT License. Feel free to use, modify, and distribute.