Document Scanner

Dark scanner viewfinder with a live chip, page counter, corner guides, shutter, and a captured-pages thumbnail strip.

Scanning page · 3 / 5

Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.

Import & use

import { Upload26 } from "@/components/beste/piece/upload26";

<Upload26
  current={3}
  total={5}
  label="Scanning page"
/>

More Upload pieces

Scan the receiptPoint the camera at the total line

upload10

Dark viewfinder mock-up with corner brackets, a live dot, and a large circular capture button.

2026-invoice-batch.pdf12 pages OCR'd · English · auto-detected

96% confident

upload31

Post-scan card summarizing pages parsed, language, and an emerald confidence pill with its own bar.

brand-hero.jpg2400 × 1600 · 1.4 MB

upload23

Compact image file row with a square warm gradient preview and a filename plus dimensions line.

0:42

launch-teaser.mp454 MB

upload24

Uploaded-video card with a play button over a dark thumb, duration badge, and a filename footer.

2026-msa-final.pdf2.1 MB · Edited 2 hours ago

upload22

File manager row with a rose PDF tile, metadata line, owner avatar, and a more-actions button.

Attach supporting documents

upload3

Single-line upload affordance with a paperclip icon, prompt copy, and a trailing browse button.