📱 @febin52/custom-qr-code

Framework-agnostic, customizable QR code generation library supporting logos, gradients, dot/corner styles, frames, and SVG/PNG exports.

Create dynamic, highly styled vector and canvas QR codes with custom branding logos, dot matrix shapes, corner eye styles, gradient fills, and frame borders.

🚀 Features

• 🎨 Custom Styling: Dot matrix shapes (rounded, dots, squares), corner eye styles, and custom color gradients.
• 🖼️ Logo Embedding: Smart logo overlay with automatic error-correction level adjustment.
• 📤 SVG & PNG Exports: Output to raw SVG strings, HTML Canvas, or Data URLs.
• 🛡️ TypeScript Support: Native type definitions included.

📦 Installation

npm install @febin52/custom-qr-code

💡 Usage

import { CustomQRCode } from '@febin52/custom-qr-code';

const qr = new CustomQRCode({
  text: 'https://github.com/febin52/custom-qr-code',
  width: 300,
  height: 300,
  dotStyle: 'rounded',
  color: '#000000',
  backgroundColor: '#ffffff'
});

const svgString = qr.toSVG();

🔗 Links

• NPM Package: https://www.npmjs.com/package/@febin52/custom-qr-code
• GitHub Repository: https://github.com/febin52/custom-qr-code
• Issue Tracker: https://github.com/febin52/custom-qr-code/issues

📄 License

MIT © Febin Francis