A modern, feature-rich QR code generator built with Next.js and TypeScript. Create, scan, and learn about QR codes with an intuitive user interface.

• vCard Contact: Create QR codes for contact information
• WiFi Network: Share WiFi credentials securely
• Social Profile: Link to social media profiles
• App Store Links: Direct links to apps across different stores
• Website URL: Quick access to websites
• SMS Message: Generate SMS QR codes
• Phone Number: Quick dial QR codes
• Email Address: Direct email QR codes
• Location: Share geographical coordinates
• Plain Text: Encode any text message
• Payment: Generate payment QR codes (PayPal, Bitcoin, Ethereum)

• Custom colors with dark/light mode support
• Background color selection
• Frame templates with custom labels
• Logo integration
• Multiple download formats
• Size customization

• Upload image files (PNG, JPG, GIF)
• Drag and drop support
• Instant QR code detection
• Support for all QR code formats
• Clear result display

• Comprehensive QR code guide
• Best practices and tips
• Common applications
• Technical specifications
• Security considerations
• Implementation guidelines

• Framework: Next.js 14
• Language: TypeScript
• Styling: Tailwind CSS
• UI Components:
  • Radix UI
  • Shadcn UI
  • Lucide Icons
• QR Code: qrcode.react
• Scanner: jsQR
• Theme: Dark/Light mode support

• Node.js 18+
• Yarn package manager

1. Clone the repository:

git clone https://github.com/yourusername/qr-code-generator.git
cd qr-code-generator

2. Install dependencies:

yarn install

3. Start the development server:

yarn dev

4. Open http://localhost:3000 in your browser

yarn build

• Deployment

• Deployment to GitHub Pages

yarn deploy

1. Select a QR code type from the dropdown menu
2. Fill in the required information
3. Customize the appearance using the options panel
4. Download your QR code as PNG

• Full contact information support
• Professional formatting
• Compatible with most QR code scanners

• Supports WPA/WPA2, WEP, and open networks
• Hidden network option
• Secure password handling

• Support for multiple app stores:
  • Apple App Store
  • Google Play Store
  • Amazon Appstore
  • Chrome Web Store

Contributions are welcome! Please feel free to submit a Pull Request.

1. Fork the repository
2. Create your feature branch (git checkout -b feature/AmazingFeature)
3. Commit your changes (git commit -m 'Add some AmazingFeature')
4. Push to the branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

This project is licensed under the MIT License - see the LICENSE file for details.

• Next.js
• Tailwind CSS
• Radix UI
• Shadcn UI
• QRCode.react

Sabah u din Irfan - @yourtwitter