A modern, feature-rich QR code generator web application that creates customizable QR codes for multiple data types. Built with React, Next.js, TypeScript and Tailwind CSS, NeoRCode offers unlimited scans, high-resolution downloads, and extensive customization options—all completely free.

Live Preview 👉 View Website

• 🔑 Key Features
• 📱 Supported QR Code Types
• 💻 Tech Stack
• 🚀 Getting Started
• 📂 Project Structure
• 💡 Usage Examples
• 🎨 Customization Options
• 🌐 Browser Support
• 📞 Support
• 📄 License
• 🙏 Acknowledgments

• Generate QR codes for URLs, text, email, phone, SMS, WiFi credentials, and Bitcoin addresses.

• Customize colors, dots style, corner elements, and gradients to match your brand.

• Add custom logos to the center of QR codes with smart error correction up to 30%.

• Export QR codes as PNG or SVG formats in print-quality resolution.

• All generated QR codes are static, never expire, and have no scan limits.

• Built-in theme switcher for comfortable viewing in any environment.

• Seamless experience across desktop, tablet, and mobile devices.

• All generated QR codes are free for personal and commercial use without attribution.

Frontend:
QR Libraries:
Backend:
Deployment:

Ensure you have the following installed:

• Node.js 18.x or later
• npm 9.x or later

1. Clone the repository:

   git clone https://github.com/ObsCure9277/NeoRCode.git
   cd NeoRCode

2. Install dependencies:

   npm install

3. Run the development server:

   npm run dev

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

npm run build
npm start

NeoRCode/
├── public/                 # Static assets
├── src/
│   ├── app/               # Next.js app directory
│   │   ├── globals.css    # Global styles
│   │   ├── layout.tsx     # Root layout component
│   │   └── page.tsx       # Home page
│   ├── components/
│   │   ├── section/       # Page sections
│   │   │   ├── About.tsx      # Features showcase
│   │   │   ├── FAQ.tsx        # Frequently asked questions
│   │   │   ├── Footer.tsx     # Footer component
│   │   │   ├── Header.tsx     # Navigation header
│   │   │   └── QRGenerate.tsx # Main QR generator
│   │   └── ui/            # Reusable UI components
│   │       ├── DarkMode.tsx          # Theme toggle
│   │       ├── QRConfiguration.tsx   # QR customization panel
│   │       ├── QRPreview.tsx         # QR code preview & download
│   │       └── QRTypeNav.tsx         # QR type selector
│   └── utils/
│       └── theme.ts       # Theme configuration
├── eslint.config.mjs      # ESLint configuration
├── next.config.ts         # Next.js configuration
├── package.json           # Dependencies and scripts
├── postcss.config.mjs     # PostCSS configuration
├── tsconfig.json          # TypeScript configuration
└── README.md             # This file

1. Select URL from the type selector
2. Enter your website URL (e.g., https://example.com)
3. Customize colors, add a logo, adjust design
4. Click Download to save as PNG or SVG

1. Select WiFi from the type selector
2. Fill in the form:
   • SSID: Your network name
   • Password: Network password
   • Encryption: WPA/WEP/No encryption
3. Customize the design and download
4. Guests can scan to connect instantly

1. Select Bitcoin from the type selector
2. Enter your Bitcoin address
3. Optionally specify an amount
4. Customize and download for payments

• Foreground Color: Main QR code color (dots and corners)
• Background Color: QR code background
• Individual Elements: Separate colors for dots, corner squares, and corner dots

• Dots: Square, rounded, dots, extra-rounded
• Corner Squares: Square, rounded, extra-rounded
• Corner Dots: Square, rounded, dot

• Upload custom brand logos (PNG, JPG, SVG)
• Adjustable logo size (10-50% of QR code)
• Error correction up to 30% ensures scannability

• Formats: PNG (raster), SVG (vector)
• Size: 300x300px to 2000x2000px
• Margin: Configurable quiet zone

NeoRCode supports all modern browsers:

• ✅ Chrome (latest)
• ✅ Firefox (latest)
• ✅ Safari (latest)
• ✅ Edge (latest)
• ⚠️ Internet Explorer 11 (limited support)

Requires HTML5-capable browser with Canvas API support.

• FAQ Section: Visit the FAQ on the live site
• About Section: Learn more about features in the About section

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

All generated QR codes are free to use for both personal and commercial purposes without attribution.

• qr-code-styling by Denys Kozak for advanced QR customization
• qrcode.react for React QR code integration
• Next.js team for the amazing framework
• Vercel for seamless deployment
• QR Code technology invented by Denso Wave in 1994

Made with ❤️ by ObsCure9277