This example app shows how to integrate the Scanbot Barcode Scanner SDK, Document Scanner SDK, and Data Capture functionalities into your web applications.
The Scanbot SDK is a set of high-level APIs that lets you integrate barcode and document scanning, as well as data extraction functionalities, into your website. It runs in all common web browsers, such as Chrome, Safari, Firefox, or Edge, and operates entirely on the user's device. No data is transmitted to our or third-party servers.
The SDK can be implemented into your web app with just a few lines of code and comes with Ready-To-Use UI components.
💡 For more details about the Scanbot Web SDK, please see our Barcode Scanner or Document Scanner documentation.
The React example app relies on the Scanbot SDK's npm package.
To run the React example app:
cd react-js/
npm install
npm start
Like the React example app, the Vue.js example app relies on the Scanbot SDK's npm package.
To run the Vue.js example app:
cd vue-js/
npm install
npm run dev
The vanilla JavaScript app needs to download the SDK from npm. To do this, run the script
plain-js/download-sdk.sh
To run the JavaScript example:
cd plain-js/
php -S localhost:8000
The Scanbot Barcode Scanner SDK for the web allows you to integrate fast and accurate barcode scanning capabilities into your web apps.
Barcodes are scanned in just 0.04 seconds, and scans remain precise even under challenging conditions, including damaged, small, or distant barcodes and low-light environments.
The Scanbot Barcode Scanner SDK offers the following scan modes, available out-of-the-box in our ready-to-use UI:
- Single Scanning
- Batch & Multi Scanning
- Find & Pick
- Scan & Count
 |
 |
 |
|---|
The Scanbot Web Barcode Scanner SDK also supports still images, enabling you to scan barcodes and QR Codes from JPG and other image files. It supports single-image and multi-image detection and returns a list with the recognized barcodes.
The Web Barcode Scanner library supports all common 1D- or 2D barcodes and multiple postal symbologies, including:
| Barcode type | Barcode symbologies |
|---|---|
| 1D Barcodes | EAN, UPC, Code 128, GS1-128, Code 39, Codabar, ITF, Code 25, Code 32, Code 93, Code 11, MSI Plessey, Standard 2 of 5, IATA 2 of 5, Databar (RSS), GS1 Composite |
| 2D Barcodes | QR Code, Micro QR Code, Aztec Code, PDF417 Code, Data Matrix Code, GiroCode, NTIN Code, PPN, UDI, Royal Mail Mailmark, MaxiCode |
| Postal Symbologies | USPS Intelligent Mail Barcode (IMb), Royal Mail RM4SCC Barcode, Australia Post 4-State Customer Code, Japan Post 4-State Customer Code, KIX |
đź’ˇ Please visit our docs for a complete overview of the supported barcode symbologies.
The Scanbot Web Barcode Scanner SDK supports a variety of data parsers that extract structured information from 2D barcodes such as QR Codes and Data Matrix. These include parsers for documents such as driving licences (AAMVA), boarding passes, medical certificates, SEPA forms, Swiss QR codes and vCard business cards.
đź’ˇ Please refer to our documentation for a full list of supported data parsers.
The Scanbot Web Document Scanner SDK offers the following features:
-
User guidance: Ease of use is crucial for large user bases. Our on-screen user guidance helps even non-tech-savvy users create perfect scans.
-
Automatic capture: The SDK automatically captures the document when the device is optimally positioned over the document. This reduces the risk of blurry or incomplete document scans compared to manually-triggered capture.
-
Automatic cropping: Our document scanning SDK automatically straightens and crops scanned documents, ensuring high-quality document scan results.
-
Document Quality Analyzer: This feature automatically rates the quality of the scanned pages from “very poor” to “excellent.” If the quality is below a specified threshold, the SDK prompts the user to rescan.
-
Export formats: The SDK supports various formats for exporting and processing documents (JPG, PDF, TIFF, and PNG). This ensures your downstream solutions receive the best format to store, print, or share the digitized document – or to process it further.
 |
 |
 |
|---|
The Scanbot SDK Data Capture Modules allow you to extract data from a wide range of documents, including MRZ codes on identity documents, Checks, U.S. and German driver’s licenses, EHICs, German ID cards, and German residence permit cards and to integrate OCR text recognition capabilities.
Need help integrating or testing our Barcode Scanner or Document Scanner SDKs? We offer free developer support via Slack, MS Teams, or email.
As a customer, you also get access to a dedicated support Slack or Microsoft Teams channel to talk directly to your Customer Success Manager and our engineers.
These examples will run one minute per session without a license. After that, all functionalities and UI components will stop working.
To try the Scanbot SDK without the one-minute limit, you can request a free, no-strings-attached 7-day trial license.
Alternatively, check out our demo apps to test the SDK.
Our pricing model is simple: Unlimited barcode scanning for a flat annual license fee, full support included. There are no tiers, usage charges, or extra fees. Contact our team to receive your quote.
The Scanbot SDK is also available as a native SDK or for most common cross-plattform frameworks:
