---
title: "QR Code Widget — Framer component · Best of Framer"
description: "$4.00 · Framer component · by Ahmet Loca · Interactive. QR Code Widget QR Code Popup Widget is a customizable QR code component for Framer."
canonical: "https://framer.elliotli.dev/component/qr-code-widget"
---

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

# QR Code Widget

QR Code Popup Widget for Web Pages

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

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

## Summary

QR Code Widget QR Code Popup Widget is a customizable QR code component for Framer.

## Description

**MORE FRAMER COMPONENTS LIKE THIS**

**✦ Browse +38 FREE + 85 premium components:** [**https://frameze.com/components**](https://frameze.com/components)

## **About QR Code Widget**

QR Code Popup Widget is a customizable QR code component for Framer. Display a scannable QR code in a sleek card, or switch to Popup Mode to show a floating trigger pill that opens the QR card in an animated modal overlay. Fully accessible, theme-ready and responsive. Perfect for menus, events, product pages and contact sharing page.

Popup Mode — floating trigger button opens QR card in a modal Dropdown position control — center, bottom-right, bottom-left Dark & light theme with full color controls for every element Demo Mode — live preview theme, position and popup mode on canvas Upload your own QR image (menu, link, contact card, Wi-Fi, app store) Real crawlable link button — SEO-friendly anchor, not JS-only click Keyboard accessible — Escape to close, focus return, ARIA dialog roles Smooth fade, scale and blur entrance and exit animations Custom close button with theme-aware colors and icons Editable title, description, hint text and button label Full property controls: fonts, colors, radius, width and spacing Static-render safe for fast canvas and export performance Works out of the box — no setup or extra code needed

**Use Cases**

Restaurant & cafe digital menus

Event & conference check-in pages

Product landing pages & packaging inserts

Retail & pop-up shop displays

Real estate listing pages

App download promotion sections

Business card & networking pages

Wi-Fi & contact sharing widgets

Print-to-digital marketing campaigns

Portfolio & agency contact sections

Hotel & hospitality guest info pages

Museum & exhibition info panels

**Keywords**

qr code widget, qr code popup, qr code generator framer, scan to connect, qr code card, popup widget framer, qr code button, dark light qr widget, framer qr component, digital menu qr, contactless qr code, qr code landing page, mobile scan widget, qr popup trigger

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

-   All · #7001

## Details

- **Author**: Ahmet Loca
- **Price**: $4.00
- **Published**: 2026-08-16
- **Updated**: 2026-09-30
- **Added**: 2026-08-16
- **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