Add Scanning To Your App

ScanKit SDK

Easily embed a sleek, AI-powered document scanner directly into your app or website. From capturing photos to producing polished, professional scans, the ScanKit SDK handles it all. Perfect for creating seamless user experiences in document uploads, onboarding workflows, and more.

Seamless Integration: Add scanning capabilities to your app with just a few lines of code. Works with React, Angular, plain JavaScript, and more.

Handles Real-World Challenges: Automatically detects documents, flattens curves, and corrects lighting—even for hard-to-scan pages like receipts or folded documents.

Optimized for Performance: Lightweight, browser-ready, and designed for minimal bandwidth usage—perfect for mobile and web apps.

Image
Image
Image

Supported Platforms

Integrate ScanKit seamlessly into your favorite frameworks and platforms with easy-to-use SDKs.

React.js
Angular
Flutter
React Native
Plain JavaScript
iOS
Android

From Photo to Perfect Scan in Seconds

Fast, accurate, and efficient document processing—ready for any workflow.

Pick a photo

Step 1: Input Image

Step 2: 3D Grid Detection

Step 3: Processed Result

OCR & AI Ready
Hide Stats
Photo-to-Scan Time0 s
API Usage (Upload)0 KB
API Usage (Download)0 KB

SDK Demo

Interactive SDK Demo — Try Before You Integrate

Experience the ScanKit SDK firsthand in this live CodePen demo. See the actual integration code, test it with real documents, and copy snippets directly into your project.

Run it live: The scanner modal launches instantly in your browser.

Edit the code: Tweak HTML, CSS, or JS right inside the demo.

Copy & reuse: Grab ready-made snippets to drop straight into your app.

Open CodePen Demo
CodePen demo screenshot showing ScanKit SDK implementation
Open CodePen Demo

Sample Code

Integrate scanning capabilities into your application with a simple API call. The ScanKit API supports various parameters for precise control over the output.

<link rel="stylesheet" href="https://www.scankit.io/sdk/scankit-sdk.css">
<script src="https://www.scankit.io/sdk/scankit-sdk.min.js"></script>

<div id="scan-area"></div>

<script>
// Initialize the scanner
const scanner= new ScanKit({
  target: '#scan-area',
  onScanComplete: r => console.log(r)
});
scanner.init();
// scanner.show(); // Show the scanner programmatically
</script>