Video Preview

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

Video Preview
0:42
launch-teaser.mp454 MB

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

Import & use
import { Upload24 } from "@/components/beste/piece/upload24";

<Upload24
  filename="launch-teaser.mp4"
  duration="0:42"
  size="54 MB"
  thumbnailSrc="https://images.unsplash.com/photo-1776608721705-3a529722aea5?w=300&auto=format&fit=crop&q=60&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxmZWF0dXJlZC1waG90b3MtZmVlZHw1MXx8fGVufDB8fHx8fA%3D%3D"
/>

More Upload pieces

View all Upload
Image Preview
brand-hero.jpg2400 × 1600 · 1.4 MB

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

brand-guidelines.pdf12.4 MB · 68%

File tile with icon, name, size, and an inline progress bar.

design-archive.zipInterrupted 4 minutes ago
42%
Resume from 132 MB

Interrupted-upload card with an amber state, half-filled bar, resume byte offset, and a Resume button.

team-retreat.mov612 MB
File exceeds 500 MB upload limit

Upload Error

upload15

Failed-upload card with a rose-tinted file row, an alert message in its own box, and a Retry button.

project-handoff.zip42 files · 248 MBCompressed from 612 MB · 59% smaller

Zip bundle card with an amber archive tile, file count, compressed savings line, and a Download button.

board-deck.pdfAnyone with the link · Viewer
beste.co/share/Kq91-2Xa
Expires in 7 days

Share Link

upload28

Share-ready card with a file header, a joined copy-URL row in mono, and an expiry caption beneath.