This example app shows how to integrate the Scanbot Document Scanner SDK and Scanbot Data Capture Modules for Capacitor using the Angular framework.
The Scanbot SDK is a set of high-level APIs that lets you integrate document scanning and intelligent data extraction capabilities into your mobile apps and websites. It runs on all common mobile devices and operates entirely offline. No data is transmitted to our or third-party servers, ensuring maximum data safety.
With our Ready-To-Use UI (RTU UI) components, you can integrate the Scanbot SDK into your app in less than an hour.
💡 For more details about the Scanbot Document Scanner SDK and Data Capture Modules, please check out our documentation.
- NodeJS 18+ & npm
- Capacitor CLI 6+
- For Android apps:
- Android Studio Jellyfish | 2023.1.1+
- Android SDK (API Level 22+), Platforms and Developer Tools
- Android Gradle Plugin 8.4.0+ or Kotlin Plugin applied
- For iOS apps:
- iOS 13+
- macOS with Xcode 15+
- Xcode Command Line Tools
- Homebrew
- Cocoapods
Please check the full requirements for Capacitor.
💡 For a full overview of our SDK's requirements, please refer to our documentation.
Install the node modules of this project:
npm install
Build the web assets and sync with the Capacitor native projects:
npm run build
npm run sync
Connect an Android or iOS device via USB and run the app by opening the respective projects, or via terminal with these commands:
npm run android
npm run ios
You can read more about the Capacitor CLI commands at this link.
If you want to develop without Capacitor CLI commands, you can use VS Code together with the Ionic VS Code Extension. Read more about this here.
The Scanbot Capacitor 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 under any conditions.
-
Automatic document scanning: 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.
-
Custom filters: Every use case has specific image requirements. With the SDK’s custom filters, you can turn the captured document image into optimal input for your backend systems, ensuring smooth image processing. They include grayscale, several binarization options, and more.
-
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 Scanbot Document Scanner SDK supports several output formats (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 structured documents and to integrate OCR text recognition capabilities. They include:
This module allows quick and accurate data extraction from the machine-readable zones on identity documents. It captures all important MRZ data from IDs and passports and returns it in the form of simple key-value pairs. This is much simpler, faster, and less mistake-prone than manual data entry.
The MICR Scanner offers reliable data extraction from international paper checks, capturing check numbers, routing numbers, and account numbers from MICR codes. This simplifies workflows and reduces errors that frustrate customers and employees.
Our Text Pattern Scanner allows quick and accurate extraction of single-line data. It captures information based on customizable patterns tailored to your specific use case. This replaces error-prone manual data entry with automatic capture.
The VIN scanner enables instant capture of vehicle identification numbers (VINs) from trucks or car doors. It uses OCR to convert the image of the VIN code into structured data for backend processing. This module integrates into mobile or web-based fleet management applications, enabling you to replace error-prone manual entry with fast, reliable data extraction.
Through this feature, our SDK offers document detection and data capture capabilities for a wider range of documents. It accurately identifies and crops various standardized document types, including German ID cards, passports, driver's licenses, residence permits, and the EHIC. It uses the Scanbot OCR engine for accurate data field recognition without requiring additional OCR language files.
 |
 |
 |
|---|
Need help integrating or testing our Document Scanner SDK? 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.
The Scanbot SDK examples will run for one minute per session without a license. After that, all functionalities and UI components will stop working.
To try the Scanbot Capacitor SDK without the one-minute limit, you can request a free, no-strings-attached 7-day trial license for your example project.
Alternatively, check out our demo apps to test the SDK.
Our pricing model is simple: Unlimited 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 and a paid license.
Besides Capacitor, the Scanbot SDK is also available on:
- Android (native)
- iOS (native)
- Flutter
- Capacitor & Ionic (React)
- Capacitor & Ionic (Vue.js)
- Cordova & Ionic
- .NET MAUI
- JavaScript
- React Native
- Xamarin & Xamarin.Forms
Our Barcode Scanner SDK additionally also supports Compose Multiplatform / KMP, UWP (Windows), and Linux.