Barcode Generator

WHAT IT DOES

Barcode Generator creates scannable barcodes from any text input using Code128 encoding, one of the most widely used barcode symbologies. Enter any text—letters, numbers, or basic symbols—and the tool generates a barcode instantly. Customize the height, bar width, bar color, and background color. The barcode includes the encoded text below it, with adjustable font size. Download the barcode as a PNG image or copy it directly to your clipboard. The tool validates input and shows an error message for unsupported characters.

WHERE IT RUNS

The extension runs entirely within your browser's local environment using the BotGentz framework. All barcode encoding, rendering, and image generation occur on your machine without any network requests. No text data, barcode images, or user activity is ever transmitted, uploaded, or stored externally. The tool works on any website and respects the browser's security boundaries, operating within the isolated extension sandbox. Barcode generation uses the HTML5 Canvas API with Code128 encoding logic.

HOW TO USE

Click the extension toolbar icon to open the Barcode Generator panel. Enter text in the input field—the barcode generates automatically. Click "Generate" to manually trigger generation. The barcode appears in the output area. Click "Download PNG" to save the barcode as a PNG image. Click "Copy to Clipboard" to copy the barcode image directly. Adjust the "Barcode height" (20-300px) to control the vertical size. Adjust the "Bar width" (1-5) to control the thickness of each bar. Choose "Bar color" and "Background color" using the color pickers. Toggle "Show text below barcode" to show or hide the encoded text. Adjust the "Text font size" (8-32) to control the text size below the barcode. The tool updates automatically when you change any setting.

THE BARCODE GENERATION ENGINE — WHY IT WORKS

Most barcode generators rely on external libraries or services. This tool implements Code128 encoding from scratch using a pure JavaScript engine. The engine converts each character to its Code128 value using a lookup table, calculates the checksum using the weighted sum algorithm, and builds the pattern array with start code, data codes, checksum, and stop code. Each code is mapped to a bar pattern (six alternating bars and spaces) using a pre-defined pattern table. The pattern is then rendered on a canvas with the configured bar width, height, and colors. The checksum ensures the barcode is valid and scannable. The canvas rendering uses fillRect for each bar, with even indices representing bars and odd indices representing spaces. The text is drawn below the barcode using fillText with the specified font size and color. This self-contained implementation provides fast, reliable, offline barcode generation.

THE PANEL

The Barcode Generator panel is fully draggable by its title bar and remembers its position on screen per website. It snaps to the edges of your browser window for clean alignment. Collapse the panel to a compact icon strip using the minimize button, restoring it with a single click. Resize the panel by dragging any edge or corner; the barcode preview and controls adjust proportionally. Press the Escape key to close the panel instantly. The panel maintains independent state for each browser tab, allowing you to generate barcodes in multiple tabs simultaneously.

PLEASE NOTE

This extension requires the free BotGentz extension framework to be installed and enabled. The tool uses Code128 encoding which supports ASCII characters 0-127 including letters, numbers, and basic symbols. Extended characters and Unicode are not supported. The barcode is generated as a canvas element; the copy function copies the canvas image to the clipboard. The download function saves the canvas as a PNG image. All barcode data is processed locally and is never transmitted, logged, or shared. The extension requests no network permissions and functions entirely offline. The source code is fully auditable and available for review.