beautiful-qr-code(core)@beautiful-qr-code/react@beautiful-qr-code/cli
# core
npm install beautiful-qr-code
# react
npm install @beautiful-qr-code/react
# cli (global)
npm install -g @beautiful-qr-code/cli
# one-off cli usage
npx @beautiful-qr-code/cli "https://example.com"import { QRCodeStyling } from "beautiful-qr-code";
const qrCode = new QRCodeStyling({
data: "https://github.com/mblode/beautiful-qr-code",
foregroundColor: "#1a73e8",
backgroundColor: "#ffffff",
radius: 1,
});
await qrCode.append(document.getElementById("qr-container"));
await qrCode.download({ name: "qr-code", extension: "png" });import { BeautifulQRCode } from "@beautiful-qr-code/react";
export function App() {
return (
<BeautifulQRCode
data="https://github.com/mblode/beautiful-qr-code"
foregroundColor="#1a73e8"
backgroundColor="#ffffff"
radius={1}
/>
);
}beautiful-qr-code "https://example.com" -o qr.svg -f svgShared options: data, type, foregroundColor, backgroundColor, radius,
padding, logoUrl, hasLogo.
Package docs:
packages/core/README.mdpackages/react/README.mdpackages/cli/README.md
We welcome contributions. See CONTRIBUTING.md.