---
title: "QR Code Plugin"
description: "Easily generate and customize QR codes within CE.SDK."
url: "https://img.ly/demos/qr-code-plugin/web/"
type: "demo"
demoId: "qr-code-plugin"
starterkit: "starterkit-qr-code-editor"
platforms: ["Web"]
tags: ["plugins","web"]
relatedDemos: ["https://img.ly/demos/background-removal/web/","https://img.ly/demos/vectorizer-plugin/web/","https://img.ly/demos/default-ui/web/"]
webMobileReady: true
webDocumentation: "https://img.ly/docs/cesdk/js/starterkits/qr-code-editor-qrcde1/"
webGithub: "https://github.com/imgly/starterkit-qr-code-editor-ts-web"
webCodeSandbox: "https://stackblitz.com/github/imgly/starterkit-qr-code-editor-ts-web"
---

> This is the markdown version of [QR Code Plugin](https://img.ly/demos/qr-code-plugin/web/). For all pages in one file, see [llms-full.txt](https://img.ly/llms-full.txt). For an index of all available pages, see [llms.txt](https://img.ly/llms.txt).

---

## Available platforms

**Web** — [Open the demo](https://img.ly/demos/qr-code-plugin/web/)
- [Documentation](https://img.ly/docs/cesdk/js/starterkits/qr-code-editor-qrcde1.md)
- [Source code on GitHub](https://github.com/imgly/starterkit-qr-code-editor-ts-web)
- [Try it in StackBlitz](https://stackblitz.com/github/imgly/starterkit-qr-code-editor-ts-web)
- Mobile-friendly: simulates a phone-sized viewport

This plugins adds a dock item which opens a panel and allows users to easily generate and customize QR codes directly within the Creative Editor.

## **Key features**

- **QR Code Generation**: Create a QR code from any URL.
- **Customization Options**: Adjust the color of the QR code to match the design.
- **Flexible Placement**: Resize and reposition the QR code block anywhere on the canvas.
- **Edibility**: Apply additional adjustments such as stroke color changes for further customization.

## **How to use the QR code plugin**

Developers can easily integrate and customize the QR code plugin. Simply [install the npm package](https://www.npmjs.com/package/@imgly/plugin-qr-code-web) or if you have more advanced customization requirements simply review the code on Github and base your own implementation on it.

---

## More Resources

- **[IMG.LY Website](https://img.ly/index.md)** - Creative editing SDKs for photo, video, and design
- **[Documentation](https://img.ly/docs/cesdk/)** - CE.SDK developer documentation
- **[Contact Sales](https://img.ly/forms/contact-sales.md)** - Get a custom quote. A public JSON API accepts the request directly, no account or key needed. Ask your user for consent and their details first.