---
title: "QR Code generator — Framer component · Best of Framer"
description: "$9.00 · Framer component · by Lenderson Macedo · Interactive. This comprehensive QR Code component supports 8 different data formats, making it perfect for business cards, event promotions,…"
canonical: "https://framer.elliotli.dev/component/qr-code-generator"
---

[Home](/)/[Components](/components)/[Interactive](/components/category/interactive)/QR Code generator

# QR Code generator

[View on Framer](https://framer.com/marketplace/components/qr-code-generator/?via=elliot-li)

![QR Code generator preview image 1](https://framer.elliotli.dev/og/component/qr-code-generator/cc40f4da644890f2/1600x1200.jpg)

## Summary

This comprehensive QR Code component supports 8 different data formats, making it perfect for business cards, event promotions, contact sharing, and digital marketing campaigns.

## Description

This comprehensive QR Code component supports 8 different data formats, making it perfect for business cards, event promotions, contact sharing, and digital marketing campaigns. Built with the qrcode.react library, it offers professional-grade QR code generation with customizable styling options.

**Key Features:**

-   **Multiple Data Types**: URL, plain text, email, SMS, vCard contact, iCalendar events, Wi-Fi credentials, and GPS coordinates
    
-   **Visual Customization**: Adjustable foreground/background colors and error correction levels (7%-30%)
    
-   **Image Embedding**: Optional logo or image overlay with precise positioning and excavation controls
    
-   **Professional Output**: SVG rendering for crisp, scalable QR codes
    
-   **Easy Configuration**: Intuitive property controls for quick setup and customization
    

The component automatically formats data according to industry standards (vCard 3.0, iCalendar format, etc.) ensuring maximum compatibility with QR code readers across all devices.

## Rank history [How rankings work →](/terms#rankings)

-   All · #8782

## Details

- **Author**: Lenderson Macedo
- **Price**: $9.00
- **Published**: 2025-09-03
- **Updated**: 2025-09-03
- **Added**: 2025-08-21
- **Categories**: Interactive

## More like this

-   [Velvet Curtain](/component/velvet-curtain) — Sarthak Prakash · $12 — Cinematic curtain reveal effect
-   [Image-Compare Slider](/component/image-compare-slider) — Studio Digital · Free — Reveal what changed, beautifully
-   [Lesson Packages](/component/lesson-packages) — Shelfless Studio · $9 — Lesson bundles with savings shown
-   [Deskbell AI Chatbot](/component/deskbell-ai-chatbot) — NS. Studio · Free — AI site chat, works with Chatbase