@qr-styled/browser Demo

Interactive examples showcasing the browser QR code generator with gradients, rounded modules, custom eye colors, logo integration, and specialized QR types

📘 How to run this demo

This demo requires a local HTTP server to work correctly. Run: 

npm run demo

Then open http://localhost:3000/demo.html in your browser.

Loading QR Code Generator...

Initializing demo, please wait...

ℹī¸ Integration Note

This is a demo template. To use @qr-styled/browser in your project: 

npm install @qr-styled/browser

import { QRGenerator } from '@qr-styled/browser';

const qr = new QRGenerator({
  url: 'https://example.com',
  size: 300,
  gradient: true,
  gradientColors: '#667eea, #764ba2'
});

await qr.appendTo(document.getElementById('container'));