valknar/kit-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: add QR code generator tool

Browse Source 
Add a sixth tool with live SVG preview, customizable foreground/background
colors, error correction level, margin control, and export as PNG (256–2048px)
or SVG. URL params enable shareable state. All processing runs client-side
via the qrcode package.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Sebastian Krüger
2026-02-28 00:58:57 +01:00
parent 695ba434e2
commit f917891a31
13 changed files with 776 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
components/AppIcons.tsx
View File

@@ -36,3 +36,15 @@ export const FaviconIcon = (props: React.SVGProps<SVGSVGElement>) => (
<path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5" />
</svg>
);
export const QRCodeIcon = (props: React.SVGProps<SVGSVGElement>) => (
<svg {...props} fill="none" stroke="currentColor" viewBox="0 0 24 24">
<rect x="3" y="3" width="7" height="7" rx="1" strokeWidth={2} />
<rect x="14" y="3" width="7" height="7" rx="1" strokeWidth={2} />
<rect x="3" y="14" width="7" height="7" rx="1" strokeWidth={2} />
<rect x="14" y="14" width="3" height="3" strokeWidth={2} />
<rect x="18" y="18" width="3" height="3" strokeWidth={2} />
<line x1="14" y1="18" x2="17" y2="18" strokeWidth={2} />
<line x1="18" y1="14" x2="18" y2="17" strokeWidth={2} />
</svg>
);