QR Code Builder is a visual, drag-and-drop tool for creating structured QR code content. It is especially useful for workflows that require special formatting such as tabs (\t) and returns (\r), including badge printing, form automation, ID systems, macros, and more.
- Drag-and-Drop Canvas – Visually arrange blocks for text, tab (
⇥), and return (⏎) characters - Preset Manager – Save, load, and delete reusable QR layouts using local browser storage
- Advanced Mode – Configure repeat counts (iterations) for blocks such as tabs and returns
- QR Label Support – Add a custom label beneath your generated QR code
- QR Preview – See your final QR output rendered in real-time
- Copy & Download – Copy the final QR image (with label) directly to the clipboard or download it
- Quick Trash Deletion – Drag blocks to the trash area to remove them
- Tooltips & Visual Guidance – Built-in tips for new users with symbolic cues and color-coded blocks
- Responsive Layout – Optimized for modern desktop browsers (mobile support pending)
- Batch Generation – Testing batch QR creation with different coding options (Standard, Escape Sequences, Hex Escapes, Unicode Escapes, Raw-Hex, & Base64)
- QR Settings - Testing QR error levels, colors, dimensions, versions, etc.
- Fuzzies - Used to help with data standardization for QR contents
- Print Pages/Cards - Testing pages for printing QR codes in a repeatable format
No installation required. Open the app in your browser:
https://offtheclockstudios.github.io/QR-Code-Builder/
Steps to begin:
- Drag items from the Toolbox to the Dropzones in the Build Area.
- Double-click any block to rename or modify it.
- Use Build to generate your QR code.
- Optionally, check Copy After Build to copy the image to your clipboard.
- Use Save Preset to retain frequently used layouts.
Enabling Advanced Mode unlocks extra configuration and developer features:
- Set repeat counts / (iterations) for blocks like text, tabs (
⇥), or returns (⏎) - Double-click a block to edit both its label and how many times it repeats
Advanced Mode can be found in the Footer, enabled by checking the Advanced Mode box
You can install QR Code Builder as a Progressive Web App (PWA) for offline access:
- Open the site in Chrome or Edge.
- Open the browser menu.
- Select Install QR Code Builder (or similar).
- Launch it from your desktop or apps list like a native app.
See the full Changelog for details.
- Changelog popup so users can view recent updates
- Filename prompt when using the Download button to save QR codes
- Print Pages & Print Cards HTML: Testing different endgame formats for the QR codes
- Fuzzies now opens in a new tab when clicked
- Loading a preset will now automatically build the QR code
- Presets are sorted A → Z, with defaults listed after your custom presets
- The Download button now builds the QR code and prompts for a filename automatically
We welcome feedback and contributions. You can:
- Submit issues or feature requests on GitHub
- Fork and submit pull requests for improvements
- Submit issues or feature requests through survey linked within the page
- Suggest preset templates using the survey linked within the page
Licensed under the MIT License.