# QR Code components

> Generate and display QR codes in your React apps with 4 easy-to-use components styled for modern UIs using Tailwind CSS.

26 components available. Showing all of them below.

- [QR Code](https://21st.dev/@tom_ui/components/qr-code.md) — by tom
- [QR Code](https://21st.dev/@tom_ui/components/qr-code/colors.md) — by tom
- [QR Code](https://21st.dev/@tom_ui/components/qr-code/error-levels.md) — by tom
- [QR Code](https://21st.dev/@anubra266/components/qr-code/qr-code-contact.md) — by Abraham
- [QR Code](https://21st.dev/@anubra266/components/qr-code/qr-code-with-url.md) — by Abraham
- [QR Code](https://21st.dev/@anubra266/components/qr-code.md) — by Abraham
- [QR Code](https://21st.dev/@anubra266/components/qr-code/qr-code-custom-colours.md) — by Abraham
- [QR Code](https://21st.dev/@anubra266/components/qr-code/qr-code-with-download.md) — by Abraham
- [QR Code](https://21st.dev/@anubra266/components/qr-code/qr-code-sizes.md) — by Abraham
- [QR Code](https://21st.dev/@anubra266/components/qr-code/qr-code-error-correction.md) — by Abraham
- [QR Code](https://21st.dev/@anubra266/components/qr-code/qr-code-with-overlay.md) — by Abraham
- [QR Code Generator](https://21st.dev/@user_xn1cklas/components/qr-code-generator.md) — by user_xn1cklas
- [Share Via QR Code Card](https://21st.dev/@ahmedmayara/components/share-via-qr-code-card.md) — by Ahmed Mayara
- [QR Code](https://21st.dev/@designali-in/components/qr-code/qr-code-generator.md) — by Ali Imam
- [Button](https://21st.dev/@originui/components/button/button-with-secondary-icon-button.md) — by Origin UI
- [Insurance Card](https://21st.dev/@lavikatiyar/components/insurance-card.md) — by Lavi Katiyar
- [Tracker Card](https://21st.dev/@ravikatiyar162/components/tracker-card.md) — by Ravi Katiyar
- [Enable 2FA Card](https://21st.dev/@ahmedmayara/components/enable-2fa-card.md) — by Ahmed Mayara
- [HeroUI Disclosure Group](https://21st.dev/@hero_ui/components/heroui-disclosure-group.md) — by Hero Ui
- [NovaQRButton](https://21st.dev/@ruixen.ui/components/nova-qrbutton.md) — by Ruixen UI
- [Insurance Policy Card](https://21st.dev/@ravikatiyar162/components/insurance-policy-card.md) — by Ravi Katiyar
- [Disclosure](https://21st.dev/@hero_ui/components/heroui-disclosure.md) — by Hero Ui
- [App Download Section](https://21st.dev/@ravikatiyar162/components/app-download-section.md) — by Ravi Katiyar
- [NeoQRbutton-2](https://21st.dev/@ruixen.ui/components/neo-qrbutton-2.md) — by Ruixen UI
- [HeroUI Disclosure Group](https://21st.dev/@hero_ui/components/heroui-disclosure-group/controlled.md) — by Hero Ui
- [Auth Two-Factor Setup](https://21st.dev/@preetsuthar17/components/auth-two-factor-setup.md) — by Preet Suthar

Full component directory: https://21st.dev/llms.txt