Camera Capture

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

Scan the receiptPoint the camera at the total line

Import & use

import { Upload10 } from "@/components/beste/piece/upload10";

<Upload10
  title="Scan the receipt"
  hint="Point the camera at the total line"
  action="Capture"
/>

More Upload pieces

View all Upload

Scanning page · 3 / 5

Document Scanner

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

Change profile photo

Avatar Uploader

Circular avatar with a dark camera button on the corner that invites a new profile photo.

0:42

launch-teaser.mp454 MB

Video Preview

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

Attach supporting documents

Compact Attach

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

Drop to uploadRelease anywhere in this area

Drag Over State

Highlighted drop surface tinted sky with a pulsing wash, download chip, and release-to-upload cue.

brand-hero.jpg2400 × 1600 · 1.4 MB

Image Preview

Uploaded-image card with a dashed crop overlay on a gradient placeholder and rotate, crop, delete tools below.