Skip to content

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

2 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

QR Code Generator

A clean and user-friendly QR Code Generator built with HTML, CSS, and JavaScript. This tool lets you instantly generate QR codes from any text or URL, customize the size, and download the output with a single click. It’s fast, responsive, and designed to give a smooth experience on both mobile and desktop devices.


✨ Features

  • Instant QR Code Creation
    Generate QR codes in real time as soon as you enter text or change the size.

  • Downloadable Output
    Download your QR code as an image directly to your device.

  • Custom Size Selection
    Choose from multiple QR sizes depending on your requirement.

  • Responsive UI
    Fully responsive layout that adjusts nicely on all screen sizes.

  • Clean & Modern Design
    Smooth colors, neat spacing, and professional styling.


πŸ–Ό UI Preview

QR Code Generator Image


πŸ“Œ Usage

  1. Enter any text or URL into the input field.
  2. Select your desired QR size from the dropdown.
  3. Click Generate to create the QR code.
  4. Click Download to save the QR code as an image.

🧠 How It Works

  • JavaScript sends the input text to the QRCode.js library.
  • A QR image or canvas is generated based on the selected size.
  • The download button automatically grabs the image source and saves it.

πŸ“ Project Structure

/project-folder β”œβ”€β”€ index.html β”œβ”€β”€ style.css β”œβ”€β”€ script.js


πŸ›  Technologies Used

  • HTML5 for structure
  • CSS3 for styling & responsiveness
  • JavaScript (ES6) for functionality
  • QRCode.js library for generating QR images

About

A fast and user-friendly QR Code Generator built with HTML, CSS, and JavaScript. Instantly create, customize, and download QR codes from any text or URL with a clean, responsive interface.

Resources

Stars

Watchers

Forks

Releases

Packages

Contributors

Languages