Shadcn.io is not affiliated with official shadcn/ui
Qr Code
QR code generator component with theme-aware colors for React
Generate QR codes that actually match your design. This component reads your CSS variables automatically—switch to dark mode and the QR inverts with it. No more black squares clashing with your dark theme. It outputs SVG so it stays crisp at any size, and you can encode anything: URLs, WiFi credentials, contact cards, whatever. The robustness prop controls error correction—crank it up if you're putting a logo over the code. Simple API, theme-aware by default, and it just works.
Scroll to load preview
Installation
Related Components
FAQ
Was this page helpful?
Sign in to leave feedback.