Embeddable QR Code Widget

Add a fully functional QR code generator to your website with a single script tag. No dependencies, no frameworks required.

Quick Start

Add this single line anywhere in your HTML to embed the QR code generator widget:

HTML

<script src="https://www.forge-qr.com/embed/qrforge-widget.js"></script>

The widget creates its own shadow DOM container, so it will not conflict with your existing styles.

Configuration Examples

Dark theme (default)

<script
  src="https://www.forge-qr.com/embed/qrforge-widget.js"
  data-theme="dark"
></script>

Configuration Attributes

Attribute	Type	Default	Description
`data-theme`	`"dark" \| "light"`	`"dark"`	Color theme of the widget. Matches your site design.
`data-type`	`"url" \| "text" \| "email" \| "phone"`	`"url"`	Default input type for the QR code generator.
`data-color`	`hex color`	`"#6366f1"`	Primary accent color (buttons, focus rings, branding).
`data-width`	`number (px)`	`380`	Widget width in pixels. Responsive up to this max.

Live Preview

Interactive

This is a live preview of the widget. Try entering a URL and generating a QR code.

Note: In production, use the full URL: https://www.forge-qr.com/embed/qrforge-widget.js

Widget Features

Widget styles never leak into or conflict with your site.

QR codes are generated entirely in the browser. No server calls needed.

A single vanilla JS file with no external CSS or library requirements.

Users can download generated QR codes as high-res PNG or SVG.

Dark and light themes with customizable accent colors.

Adapts to container width with a configurable maximum.