CardScan.ai: React Widget

CardScan.ai is the fastest way to add health insurance card scanning to your mobile or web application.

CardScan.ai has UI widgets to support scanning on web, mobile web, Flutter, React Native, native iOS and Android. Or use the API to build your own implementation.

Widget Features:

• Smart Card Detection
• Auto & Manual Capture
• Customizable User Prompts
• Browser/Device Permission Helper
• Retrying Failed & Low-Quality Scans
• Responsive UI
• Web to Mobile Handoff

Basic Example:

import React from "react";
import { render } from "react-dom";
import {CardScanView} from "@cardscan.ai/insurance-cardscan-react";

function onSuccess(card: any) {
  console.log("new card: ", card);
}

// See Authentication on where to get this token.
const token = 'JWT_TOKEN'

// Render CardScanView
render(
  <CardScanView
    live={false}
    sessionToken={token}
    onSuccess={onSuccess}
    />
  ,document.getElementById("root")
);

Compatibility

• Node Versions: 14, 16, 18
• React Versions: >=17.0.2, 18.2.0+
• Webpack Versions: 4.x, 5.x
• Babel Versions: 6.x, 7.x

Peer Dependencies

• React: >=17.0.2
• React-DOM: >=17.0.2

Documentation

Checkout the full docs and React Widget docs.