---
## β¨ Features
- **π WebAssembly Powered:** Built in Rust and compiled via `wasm-pack` for peak performance.
- **π¨ Pure SVG Output:** No canvas or DOM dependenciesβrenders crystal-clear at any resolution.
- **π± Universal Compatibility:** Works seamlessly across Node.js, browsers, Edge runtimes, and Cloudflare Workers.
- **π Dual Output:** Returns both the visual SVG QR code and the raw UPI deep-link intent (`upi://pay?...`).
- **π‘οΈ Spec Compliant:** Adheres strictly to the NPCI Unified Payments Interface specifications.
---
## π¦ Installation
Install with your preferred package manager:
```bash
# npm
npm install upiqrcode
# pnpm
pnpm add upiqrcode
# yarn
yarn add upiqrcode
# bun
bun add upiqrcode
```
---
## π Quick Start
### 1. Node.js / TypeScript / ESM
```typescript
import { upiqrcode } from "upiqrcode";
async function generateInvoice() {
const result = await upiqrcode({
payeeVPA: "merchant@bank",
payeeName: "Acme Corporation",
amount: "499.00",
currency: "INR",
transactionNote: "Invoice #INV-2026-001",
transactionId: "TXN1234567890",
});
console.log("UPI Intent Link:", result.intent);
// Output: upi://pay?pa=merchant@bank&pn=Acme%20Corporation&am=499.00&cu=INR&tn=Invoice%20%23INV-2026-001&tr=TXN1234567890
console.log("Raw SVG Code:\n", result.qr);
}
generateInvoice();
```
---
### 2. React / Next.js
```tsx
"use client";
import { useEffect, useState } from "react";
import { upiqrcode } from "upiqrcode";
export default function PaymentQRCode() {
const [svg, setSvg] = useState
