Archive Bundle

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

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

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

Import & use
import { Upload30 } from "@/components/beste/piece/upload30";

<Upload30
  filename="project-handoff.zip"
  totalSize="248 MB"
  files={42}
  savings="Compressed from 612 MB · 59% smaller"
  filesLabel="files"
  downloadLabel="Download"
/>

More Upload pieces

View all Upload
brand-guidelines.pdf12.4 MB · 68%

File Upload Card

upload1

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

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

Resume Upload

upload21

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

+20
Recent uploads24 items

Upload Stack

upload20

Compact upload summary with four overlapping thumbnails, a +N overflow tile, and a total item count.

Image Row
brand-hero.jpg2400 × 1600 · 1.4 MB

Image Row

upload23

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

StorageGrowth plan · shared with team
184.2 GB / 250 GB
74% used

Storage Usage

upload29

Storage overview with an indigo drive tile, used-over-total numbers, and a gradient progress track.

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

File Row

upload22

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