Document Scanner

A scanner frame for IDs, receipts and contracts: corner guides lock on, a beam sweeps while it uploads, and the frame confirms.

"use client"

import { ScannerUpload } from "@/components/scanner-upload"

export default function ScannerUploadExample() {
  return <ScannerUpload />
}

Installation

npx shadcn@latest add @uploadcn/scanner-upload

Usage

import { ScannerUpload } from "@/components/scanner-upload"
<ScannerUpload label="Scan your ID" />

On phones the picker opens the rear camera. The frame has an ID-card aspect ratio (1.586:1).

Props

Prop

Type

On this page