We have added new barcode components for creating 26 types of barcodes from QR Codes to UPC barcodes. Barcodes represent data in a visual, but machine-readable way. They are used around the world to share and track information. Wijmo barcodes are rendered entirely in JavaScript and require no server-side dependency.

We have introduced a set of new modules that include these barcode components:

  • wijmo.barcode (shared code)
  • wijmo.barcode.common (popular barcode types including: Codabar, Code39, Code128, EAN, GS1_128, QRCode, UPC)
  • wijmo.barcode.composite (popular composite types including: GS1_DataBar, PDF417)
  • wijmo.barcode.specialized (less common types including: Code49, Code93, Interleaved2of5, ITF-14, JapanesePostal, DataMatrix)

Let's take a look at each of the new barcode components.

How to Use Codabar Barcode

The Codabar barcode is located in the wijmo.barcode.common module. Codabar barcodes are often used to display serial numbers or IDs.

Barcode Components for JavaScript, Angular, React, and Vue

How to Use Code39 Barcode

The Code39 barcode component is located in the wijmo.barcode.common module. Code39 barcodes are often used in the manufacturing industry.

Barcode Components for JavaScript, Angular, React, and Vue

How to Use Code49 Barcode

The Code49 barcode component is located in the wijmo.barcode.specialized module. Code49 barcodes are stacked series of symbols designed to put a lot of data into a small space.

Barcode Components for JavaScript, Angular, React, and Vue

Working with Code93 Barcode

The Code93 barcode component is located in the wijmo.barcode.specialized module. Code93 barcodes are similar to Code39 barcodes but can contain more characters and in a denser code.

Barcode Components for JavaScript, Angular, React, and Vue

How to Use Code128 Barcode

The Code128 barcode component is located in the wijmo.barcode.common module. Code128 barcodes are very dense and used in industrial applications.

Barcode Components for JavaScript, Angular, React, and Vue

How to Use DataMatrixECC-200 Barcode

The DataMatrixECC-200 barcode component is located in the wijmo.barcode.specialized module. DataMatrixECC-200 barcodes are 2D representations of data in a compact format.

Barcode Components for JavaScript, Angular, React, and Vue

DataMatrix ECC-000 to ECC-140 Barcodes

The DataMatrix barcode component is located in the wijmo.barcode.specialized module. The DataMatrix component is used to display DataMatrix barcodes with specification versions from ECC 000 to ECC 140.

Barcode Components for JavaScript, Angular, React, and Vue

How To Use EAN-8 Barcode

The EAN-8 barcode component is located in the wijmo.barcode.common module. EAN-8 barcodes are usually used to encode ID numbers.

Barcode Components for JavaScript, Angular, React, and Vue

Working with EAN-13 Barcode

The EAN-13 barcode component is located in the wijmo.barcode.common module. EAN-13 barcodes are usually used to encode ID numbers similar to UPC and EAN-8.

Barcode Components for JavaScript, Angular, React, and Vue

How to Use the GS1-128 Barcode

The GS1-128 barcode component is located in the wijmo.barcode.common module. GS1-128 barcodes are usually used to share transactional data.

Barcode Components for JavaScript, Angular, React, and Vue

How to Use the GS1DataBarExpanded Barcode

The GS1DataBarExpanded barcode component is located in the wijmo.barcode.composite module. GS1DataBarExpanded barcodes are usually used to store longer values.

Barcode Components for JavaScript, Angular, React, and Vue

How to Use the GS1DataBarExpandedStacked Barcode

The GS1DataBarExpandedStacked barcode component is located in the wijmo.barcode.composite module. GS1DataBarExpandedStacked barcodes are stacks of barcodes for storing multiple values.

Barcode Components for JavaScript, Angular, React, and Vue

Working with GS1DataBarLimited Barcode

The GS1DataBarLimited barcode component is located in the wijmo.barcode.composite module. GS1DataBarLimited barcodes are a fixed length and used to save space.

Barcode Components for JavaScript, Angular, React, and Vue

How to Use GS1DataBarOmnidirectional Barcode

The GS1DataBarOmnidirectional barcode component is located in the wijmo.barcode.composite module. GS1DataBarOmnidirectional barcodes are used mainly in retail and can be read omnidirectionally.

Barcode Components for JavaScript, Angular, React, and Vue

How to Use GS1DataBarStacked Barcode

The GS1DataBarStacked barcode component is located in the wijmo.barcode.composite module. GS1DataBarStacked barcodes are small stacked codes used to save space.

Barcode Components for JavaScript, Angular, React, and Vue

How to Use GS1DataBarStackedOmnidirectional Barcode

The GS1DataBarStackedOmnidirectional barcode component is located in the wijmo.barcode.composite module. GS1DataBarStackedOmnidirectional barcodes are small stacked codes that can be read omnidirectionally.

Barcode Components for JavaScript, Angular, React, and Vue

Working with GS1DataBarTruncated Barcode

The GS1DataBarTruncated barcode component is located in the wijmo.barcode.composite module. GS1DataBarTruncated barcodes are compact and used mainly in healthcare.

Barcode Components for JavaScript, Angular, React, and Vue

Interleaved2of5 Barcode

The Interleaved2of5 barcode component is located in the wijmo.barcode.specialized module. Interleaved2of5 barcodes contain only numbers.

Barcode Components for JavaScript, Angular, React, and Vue

How to Use ITF-14 Barcode

The ITF-14 barcode component is located in the wijmo.barcode.specialized module. ITF-14 barcodes are used widely for logistics.

Barcode Components for JavaScript, Angular, React, and Vue

How to Use the JapanesePostal Barcode

The JapanesePostal barcode component is located in the wijmo.barcode.specialized module. JapanesePostal barcodes are used by Japan's postal service to track mail.

Barcode Components for JavaScript, Angular, React, and Vue

How to Use PDF417 Barcode

The PDF417 barcode component is located in the wijmo.barcode.composite module. PDF417 barcodes are two dimensional, stacked, and variable length. They are often used in ID cards.

Barcode Components for JavaScript, Angular, React, and Vue

Working with MicroPDF417 Barcode

The MicroPDF417 barcode component is located in the wijmo.barcode.composite module. MicroPDF417 barcodes are used to put data into a very compact space.

Barcode Components for JavaScript, Angular, React, and Vue

How to Use the QRCode Barcode

The QRCode barcode component is located in the wijmo.barcode.common module. QRCodes are used to share information like URLs and prevalent in advertising.

Barcode Components for JavaScript, Angular, React, and Vue

How to Use a UPC-A Barcode

The UPC-ACode barcode component is located in the wijmo.barcode.common module. UPC-A barcodes are commonly used in retail.

Barcode Components for JavaScript, Angular, React, and Vue

How to Use UPC-E0 Barcode

The UPC-E0Code barcode component is located in the wijmo.barcode.common module. UPC-E0 barcodes are a more compact version of UPC and are commonly used in retail.

Barcode Components for JavaScript, Angular, React, and Vue

Working with UPC-E1 Barcode

The UPC-E1Code barcode component is located in the wijmo.barcode.common module. UPC-E1 barcodes are a more compact version of UPC and are commonly used in retail.

Barcode Components for JavaScript, Angular, React, and Vue

Try Wijmo's JavaScript UI library

Download the latest version of Wijmo

Download Now!