Qr Code
QR code generator component with theme-aware colors for React
Qr Code preview
Scroll to load preview
Generate QR codes that match your design. The component reads your CSS variables, so it looks right in dark mode without extra work. Outputs as SVG, so it stays sharp at any size. Encode URLs, WiFi credentials, contact cards, or anything else. Use the robustness prop for error correction if you're putting a logo over the code.
Install with AI
If you've connected the shadcn.io MCP server to Claude Code, Cursor, Windsurf, or any MCP-ready AI editor, prompt your agent to install this component for you — no copy-paste, no CLI:
use shadcnio to install the qr-code component into my projectRelated Components
FAQ
Was this page helpful?
Sign in to leave feedback.