QR Code

Generates a scannable QR code as a crisp SVG for any text or URL, with adjustable error-correction level, quiet-zone border and optional brand-colored corner squares. Ported to React from the Starbase web component library by zweiundeins (MIT).

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds QR Code to your project and fits it to your theme.

"use client";

import QrCode from "@/components/ui/qr-code";

export default function QrCodeEccDemo() {
  return (
    <div style={{ display: "flex", gap: 16, flexWrap: "wrap" }}>
      <QrCode value="Ad astra" ecc="L" style={{ width: "6rem" }} />
      <QrCode value="Ad astra" ecc="H" style={{ width: "6rem" }} />
    </div>
  );
}