syncfusion-javascript-barcode

Official

Generate customizable scannable barcodes instantly

Authorsyncfusion
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Create, customize, validate, and export scannable barcodes (linear 1D, QR Code, Data Matrix) in web applications without manual image editing or server-side rendering, enabling reliable barcode workflows for labels, tickets, inventory, and digital assets.

Core Features & Use Cases

  • Initialization and rendering of BarcodeGenerator (1D), QRCodeGenerator (2D QR), and DataMatrixGenerator (2D Data Matrix) in the browser.
  • Customization of size, margins, foreground/background colors, display text, fonts, logos, and render mode (SVG or Canvas).
  • Error correction configuration for QR codes, auto-sizing for Data Matrix, and selection guidance for linear barcode types (Code39, Code128, Codabar, Code11, Code93, etc.).
  • Export and printing: export to PNG/JPG, export as Base64, PDF-friendly SVG output, batch export workflows, and print-optimized CSS.
  • Validation and events: input sanitization, type-specific character validation, ValidateEvent handling, defensive creation patterns, and server-side integration examples.

Quick Start

Create a Code128 barcode for value "SKU-12345" with width 200px in SVG mode, show display text, and export it as a PNG named "sku-12345.png".

Dependency Matrix

Required Modules

None required

Components

references

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: syncfusion-javascript-barcode
Download link: https://github.com/syncfusion/javascript-ui-controls-skills/archive/main.zip#syncfusion-javascript-barcode

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.