QR Code Generator

A simple, responsive, and elegant QR Code Generator built with React + Tailwind CSS.
Generate QR codes for links, text, or contact details instantly — right in your browser.

🔗 Live Demo: stormfiber.github.io/qrcode

---

✨ Features

• Multiple Input Modes

  • 🔗 URL Mode – Paste or type a website link, auto-formats with https://.
  • 📝 Text Mode – Generate QR codes from any plain text.
  • 👤 Contact Mode (vCard) – Create QR codes for name, email, and phone.

• Utility Options

  • 📥 Download your QR code as an image.
  • 📋 Copy QR code data easily.
  • 🔄 Responsive & mobile-friendly layout.

• Tech Stack

  • ⚛️ React
  • 🎨 Tailwind CSS
  • 🖼️ Lucide React icons
  • 🧩 qrious (canvas QR generator) with fallback

---

🚀 Usage Guide

1. Open the app
   Visit 👉 https://stormfiber.github.io/qrcode

2. Select a mode

   • 🔗 URL → enter your website or link.
   • 📝 Text → paste or type any text message.
   • 👤 Contact → fill in name, email, and phone.

3. Generate QR Code
   The QR code updates instantly as you type.

4. Download or Copy

   • Click Download to save the QR code image locally.
   • Click Copy to copy QR code data.

---

📸 Screenshots

🔗 URL Mode

Enter a link and instantly generate a QR code for it.

📝 Text Mode

Turn any short text into a QR code.

👤 Contact Mode

Share contact details using vCard-based QR codes.

---

⚡ Examples

Input Type	Example Input	QR Code Result
URL	https://openai.com	Opens OpenAI website in browser
Text	Hello from QR World!	Shows the text message after scanning
Contact	Name: Alice Email: [email protected] Phone: +123456789	Creates vCard QR to save contact directly

---

❓ FAQ

Q: Is my data stored anywhere?
A: No. Everything runs 100% client-side in your browser.

Q: Can I use this offline?
A: Yes, once loaded, the app works without internet (except for fallback QR server).

Q: Can I share my QR codes?
A: Absolutely. Just generate and download or screenshot.

---

👨‍💻 For Developers

If you want to run or customize locally:

git clone https://github.com/stormfiber/qrcode.git
cd qrcode
npm install
npm start

📄 License

This project is open-source. Use, modify, and share freely — attribution is appreciated.

Built & Maintained by Qasim Ali