We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

Trusted by the world’s leading companies

Syncfusion Trusted Companies

Overview

The JavaScript Barcode (QR Code) Generator Control is a light-weight and high-performance control that displays industry-standard 1D and 2D barcodes in JavaScript applications. Generated barcodes are optimized for printing and on-screen scanning. It is designed for ease of use and does not require fonts.


Customization

The JavaScript Barcode generator is easily customizable. The barcode provides an option to customize its color (dark or light), height, width, and more.

Customizable options in JavaScript Barcode


Label

The JavaScript Barcode generator provides an option to display a barcode with or without text along with alignment options in JavaScript.

Barcode input text in JavaScript Barcode


Barcode symbologies

The JavaScript barcode generator control supports a wide range of barcode symbologies.

JavaScript QRcode Barcode

QR Code

The Quick Response code (QR code) is a two-dimensional barcode. It can efficiently store more information in a smaller space than 1D barcodes. Each barcode can store values up to 7089 characters. It is mostly used for URLs, business cards, contact information, and more.

Datamatrix barcode in JavaScript Barcode

Data Matrix

A Data Matrix is a two-dimensional barcode. The information should be encoded with text or numeric values. Each barcode can store values up to 2335 alphanumeric characters. It is mostly used by couriers, food industry, and more.

Code39 barcode in JavaScript Barcode

Code 39

Code 39 is a common barcode type used for various labels such as name badges, inventory, and industrial applications. The symbology of the Code 39-character set consists of barcode symbols representing numbers 0-9, upper-case letters A-Z, and the space character.

Code39 Extended barcode in JavaScript Barcode

Code 39 Extended

The Code 39 Extended is an extended version of Code 39. Additionally, lower characters and special characters are supported.

Code11 barcode in JavaScript Barcode

Code 11

The Code 11 is also known as USD-8, high numeric symbology. The character set includes the digits 0-9, a dash symbol ( - ), and start and stop characters. It is commonly used in telecommunications.

Codabar barcode in JavaScript Barcode

Codabar

The Codabar is also known as USD-4 and Code 2 of 7. It can encode 0-9 digits, six symbols, and start and stop characters. It is even possible to print Codabar codes using typewriter-like impact printers, which allows the creation of many codes with consecutive numbers without having to use a computer.

Code32 barcode in JavaScript Barcode

Code 32

The Code 32 is also known as Italian Pharmacode. It is used to encode Italian Pharmacode, which has the following structure: ‘A’ character that is not really encoded, 8 digits for Pharmacode, and 1 digit for Checksum module 10 that is automatically calculated by Barcode Professional.

Code93 barcode in JavaScript Barcode

Code 93

Code 93 was designed to complement and improve Code 39. It is used to represent the full ASCII character set by using combinations of 2 characters. Code 93 can encode uppercase letters, numeric digits, and a handful of special character.

Code93 Extended barcode in JavaScript Barcode

Code 93 Extended

It is based on Code 93, but can encode full 128-character ASCII. The characters represented by Code 93 are represented in Code 93 Extended as single barcode characters, but all other characters are represented by a control character plus another character.

Code128 barcode in JavaScript Barcode

Code 128

It is a very high-density barcode that supports alphanumeric characters. This barcode is used as the basis for many other barcodes like UCC/EAN, HIBC (Health Industry Barcode), and the Blood Bank Industry.

UpcA barcode in JavaScript Barcode

UPC - A

The Universal Product Code (UPC -A) is a numeric symbology used in retail applications. UPC-A symbols consist of 11 data digits and one check digit. The first digit is a number system digit that normally represents the type of product being identified.


Other supported frameworks

The Barcode component is also available in Blazor, React, Angular, and Vue frameworks. Check out the different Barcode platforms from the links below,


JavaScript BarCode Control Code Example

Easily get started with the JavaScript BarCode using a few simple lines of HTML and TS code example as demonstrated below. Also explore our JavaScript BarCode Example that shows you how to render and configure a BarCode in JavaScript.

<body>
 <!--container which is going to render the Barcode-->
 <div id='container'>
 </div>
</body>
import { BarcodeGenerator, ValidateEvent } from '@syncfusion/ej2-barcode-generator';

 let barcode = new BarcodeGenerator({
    width: '200px',
    height: '150px',
    mode: 'SVG',
    type: 'Codabar',
    value: '123456789',

});
barcode.appendTo('#element');



70+ JAVASCRIPT UI CONTROLS

Frequently Asked Questions

  • Support for most common 1D and 2D barcodes.
  • Support for complete customization of a barcode to augment its appearance.
  • Ease of use and integration.
  • Support for a wide range of barcode symbologies.
  • One of the best JavaScript Barcode in the market that offers feature-rich UI to interact with the software.
  • Support for all modern browsers.
  • Simple configuration and API.
  • Extensive demos and documentation to learn quickly and get started with JavaScript Barcode Generator.

We do not sell the JavaScript Barcode separately. It is only available for purchase as part of the Syncfusion JavaScript suite, which contains over 70 JavaScript components, including the Barcode. A single developer license for the Syncfusion Essential Studio for JavaScript suite costs $995.00 USD, including one year of support and updates. On top of this, we might be able to offer additional discounts based on currently active promotions. Please contact our sales team today to see if you qualify for any additional discounts.

You can find our JavaScript Barcode demo here.

No, our 70+ JavaScript components, including Barcode, are not sold individually, only as a single package. However, we have competitively priced the product so it only costs a little bit more than what some other vendors charge for their Barcode alone. We have also found that, in our experience, our customers usually start off using one of our products and then expand to several products quickly, so we felt it was best to offer all 70+ JavaScript components for a flat fee of $995/developer. On top of this, we might be able to offer additional discounts based on currently active promotions. Please contact our sales team today to see if you qualify for any additional discounts.

No, this is a commercial product and requires a paid license. However, a free community license is also available for companies and individuals whose organizations have less than $1 million USD in annual gross revenue and five or fewer developers.

A good place to start would be our comprehensive getting started documentation.

Read independent,
authenticated reviews
on G2

Download Now Pricing

What do our customers say about us?

double quotes

We're using the file formats and Windows/JavaScript list controls a lot. They're fast, easy to use, and the documentation is good and contains examples. Tickets with questions or suggestions were answered within a day, so we're happy to use the Syncfusion libraries.
Daniel Persidok

Daniel Persidok

wpd onshore GmbH & Co. KG

double quotes

Using Syncfusion Angular and JavaScript controls makes front-end web development a piece of cake. Each component has many properties that can be configured as per your desire, methods that can be used to interact with the element, and a lot of events that trigger at different stages, which makes modifying your components according to the state of the application an easy task. Also, their support is amazing! They always offer a sample working project, which makes it very simple to solve your question about your code.
Carlos Rodriguez Garcia

Carlos Rodriguez Garcia

Vistatec

Transform your applications today by downloading our free evaluation version Download Free Trial

Awards

Greatness—it’s one thing to say you have it, but it means more when others recognize it. Syncfusion is proud to hold the following industry awards.

Up arrow icon

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon

Live Chat Icon For mobile