How do I add the JavaScript Barcode Scanner SDK — via npm or CDN?

For npm, install two packages: @scandit/web-datacapture-core and @scandit/web-datacapture-barcode. Scandit publishes both under the @scandit/ scope for the SDK. Scandit also supports Yarn, pnpm, bun, and deno. For CDN installation, declare an import map pointing at jsDelivr or UNPKG and follow the example here .

Does the Scandit JavaScript Barcode Scanner SDK support TypeScript?

Yes, the Scandit JavaScript Barcode Scanner SDK ships TypeScript declarations with every package, so you don't need a separate @types install. You import named classes and interfaces directly: DataCaptureContext, BarcodeCaptureSettings, Symbology, and SparkScanView all carry full type information. Type-only imports work as well, such as import type { ProgressInfo }.

Does the web SDK work with React, Angular, and Vue?

Yes, the Scandit JavaScript Barcode Scanner SDK works with React, Angular, and Vue/Vue.js. The SDK is a native JavaScript library that attaches its scanning view to a standard DOM element. Any framework that renders to the DOM can therefore use it. Scandit publishes official setup guides for React and Angular integration. For Vue, you integrate the same JavaScript library directly or through a community wrapper.

Can the Scandit JavaScript Barcode Scanner SDK scan multiple barcodes at once in the browser?

Yes, the JavaScript Barcode Scanner SDK scans multiple barcodes through MatrixScan. MatrixScan captures every barcode in view from a single press and adds AR overlays so workers can pick, count, and flag right on their screens. Customers report 20X faster inventory counting, 50% less time spent processing shipments, and a 30% higher pick rate.

Does the Scandit JavaScript Barcode Scanner SDK use AI/computer vision, and how accurate is it in poor lighting?

Yes, the Scandit JavaScript Barcode Scanner SDK uses AI and computer vision through the Scandit Vision AI Engine. The engine drives AI-improved image capture and context-based scanning, decoding reliably in low light, even at long range or extreme angles. The SDK achieves greater than 99% accuracy for common symbologies and captures barcodes at camera resolutions as low as 240x320 pixels.

How does Scandit compare to ZXing-js, QuaggaJS, and html5-qrcode?

Scandit ships a maintained, AI-native SDK with pre-built scanning UI, while ZXing-js, QuaggaJS, and html5-qrcode provide basic decode functions you wrap yourself. Scandit had a 0% false positive rate against ZXing's 5% in 2022 testing, so fewer bad reads reach your database. Scandit also adds multiple barcode tracking, OCR fallback, and Agent Skills. See our ZXing blog for more information.

How do I get scan data out of the Scandit JavaScript Barcode Scanner SDK?

Register a listener with the addListener() method and read the result inside the didScan() callback. The scanned barcode arrives in session.newlyRecognizedBarcode, which contains the data and symbology type. didScan() is a blocking call, so barcode capture pauses until that callback completes.

What's the Scandit JavaScript Barcode Scanner library size, and does it block page load?

The SDK does not block page load, because the decoding engine loads separately from your JavaScript bundle. Scandit ships the WebAssembly engine as .wasm and .model files in an sdc-lib folder, fetched at runtime after you call DataCaptureContext.forLicenseKey(). The size of the Scandit SDK is described here for iOS and Android.

How much does a JavaScript barcode scanner SDK cost?

Scandit offers fixed and usage-based pricing, with editions (plans) for different scanning needs — from small teams to millions of devices. A free 30-day SDK trial includes all features with no credit card required. You can see pricing details here .

JavaScript Barcode Scanner SDK

Ship browser-based barcode scanning, built for AI. Near-native performance, accuracy you can depend on, and Agent Skills that write JavaScript for you.

Test the SDK

Production-ready barcode scanning that understands what users want, in any browser

80bn

scans processed in 2025

170m+

active mobile devices

>99%

accuracy

Performance

Build the best barcode scanner for your website

Our decoding engine optimizes speed and accuracy. It compiles to WebAssembly and supports GPU acceleration.

Accuracy where other SDKs give up

Consistent accuracy rate >99% for the codes and conditions most web apps target.
Long-range scanning: in a calibrated test environment, the Scandit SDK read common retail barcodes (EAN-13, EAN-8, UPC-E and Code 128) from an average distance of 77 cm.
Reliable capture of torn labels, tiny barcodes, curved and shiny surfaces, codes at long ranges, low light, extreme angles, motion blur.
Supports JavaScript, TypeScript, React, Svelte, Angular, Vue/Vue.js, Next.js, and all major web browsers.

Try for free Performance

Smartphone displaying a "List Building" barcode scanning app, scanning shipping labels on boxes with "Intended scan" and "Not scanned" labels.

The JavaScript SDK that reduces accidental scans to near-zero

Automatically picks the intended barcode in frame, so users don’t have to.
Automatic aimer overlay triggered when the frame contains densely packed barcodes.
Set duplicate filters to use smart behavior analysis (distinguishes intentional vs. accidental scans), a fixed timeout, or off.

Try for free Documentation

Multiple barcode scanning

Pre-built JavaScript components that do the work

One click captures every barcode in view. AR overlays help users pick, count, and flag from their screens.

MatrixScan Find

Find one item among many for ISOF, order assembly, pickup at PUDO, or finding a delivery. Web UI includes customizable AR overlays, pause button, item carousel, and notification alerts.

Documentation

MatrixScan Batch

Batch process barcodes and handle multi-code labels with unparalleled speed and accuracy. Lightweight, fully customizable multiple barcode scanning without AR.

Documentation

MatrixScan AR

Capture multiple barcodes and add AR status icons, pop-overs, and information overlays. Customize color, text, font, size, overlay placement, and behavior modifications.

Documentation

Integration

< 1 hour median time to first scan

Build from scratch or skip the edge cases with Agent Skills and pre-built web components.

# Install with one command: npx plugins add scandit/skills # Claude Code: ## 1. /plugin marketplace add scandit/skills ## 2. /plugin install scandit-sdk@scandit-plugins # Codex CLI: ## 1. codex plugin marketplace add scandit/skills ## 2. codex plugin add scandit-sdk@scandit-plugins
Scandit Agent Skills
Bring 15 years of barcode scanning expertise directly into your coding agent: Claude Code, Codex, Cursor, GitHub Copilot, Gemini, OpenCode, and 40+ others.
A single line of copy-paste code installs the Scandit Agent Skills bundle. It detects the supported coding agents you have installed and adds the Scandit plugin to each.
Describe your use case in plain language.
Scandit Agent Skills integrates barcode scanning into your project: SDK setup, license activation, Ul wiring, performance defaults, and edge cases.
Automatic updates with every release, so the generated code always targets current, validated Scandit APIs.
Agent Skills documentation
More than just docs

Get demo apps, extensive code samples, detailed documentation, UX best practice library and guidance, QA guides and assets.
Security by design

All image processing performed on-device by default. Customers retain complete control over data collection and processing. ISO27001 certified.
>98% support NPS score

Access to industry-leading scanning experts for everyone, plus dedicated customer success resource for eligible customers.

From start-ups to global giants

Scandit has helped Flashfood remove a major point of friction from the surplus posting process — making it faster, more accurate, and more scalable for the grocery teams who use our platform every day.

Yixin Zhu, VP of Engineering | Grocery app

See case study

Woman scanning medication with smartphone

We evaluated scanning products from about six vendors, and Scandit's Web SDK demonstrated overwhelmingly superior performance. It achieved scanning capabilities on par with native apps.

Koji Yamamoto, Development Lead, Product Development Division | Healthcare company

See case study

I’m not sure where we would be now without Scandit. I don’t think we would have achieved the superior scanning user experience and the accuracy we needed for this PWA replatforming project to be successful.

Lonneke Pezie, E-Commerce Consultant | 6,000-person wholesaler

See case study

This was probably the easiest rollout of any of the change programmes that we have delivered in recent years. Once we pushed the button, it was a really quick and smooth process launched just in time for our peak markdown season.

Oliver Simons, Operations Development Director | 3,500-store jewelry retailer

See case study