Web SDK Samples
This page provides a list of samples available for the Scandit Data Capture SDK for Web. Each sample demonstrates a specific feature or use case of the SDK.
The repository with all the samples can be found here, and each individual sample is linked below.
Barcode Scanning
Single Scanning
SparkScan
List Building | Open in StackBlitz ↗
Use SparkScan to populate a list of scanned barcodes.
Barcode Capture
Single Scan | Open in StackBlitz ↗
Simple sample showing how to use the Barcode Capture mode to scan a single barcode.
This sample is also available here (Open in StackBlitz ↗) for React, and for Progressive Web Apps (PWAs) here (Open in StackBlitz ↗).
Batch Scanning
MatrixScan AR
Simple Sample | Open in StackBlitz ↗
Example demonstrating how to highlight barcodes and display additional information over them using augmented reality (AR) with MatrixScan AR (BarcodeAR API).
MatrixScan Find
Search and Find | Open in StackBlitz ↗
Use barcode capture to define search criteria by scanning items, and MatrixScan Find can then be launched to find the pre-defined item.
MatrixScan Batch
Examples utilizing the low-level BarcodeBatch API.
Simple Highlight | Open in StackBlitz ↗
Simple sample showing how to use MatrixScan to highlight barcodes in a frame.
ID Scanning
ID Capture
Simple ID Capture | Open in StackBlitz ↗
Simple sample showing how to use the ID Capture mode to scan an ID card.
Extended ID Capture | Open in StackBlitz ↗
Sample showing how to use the ID Capture mode to scan an ID card with additional fields.
Settings | Open in StackBlitz ↗
Demonstrates how you can adapt the ID capture settings best to your needs and experiment with all the options.
ID Verification
US Driver's License | Open in StackBlitz ↗
Sample showing how to use the ID Capture mode to verify a US driver's license.