Chunked Upload

Parallel chunk uploader visualizing 16 part tiles tinted by done, uploading, or pending states.

raw-footage-reel.mp458%
Chunked upload · 16 MB parts9 / 16 done

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

Import & use
import { Upload17 } from "@/components/beste/piece/upload17";

<Upload17
  filename="raw-footage-reel.mp4"
  chunks={16}
  chunkStatuses={[
    "done",
    "done",
    "done",
    "done",
    "done",
    "done",
    "done",
    "done",
    "done",
    "uploading",
    "uploading",
    "pending",
    "pending",
    "pending",
    "pending",
    "pending"
  ]}
  overallPercent={58}
  tone="sky"
/>

More Upload pieces

View all Upload
+20
Recent uploads24 items

Upload Stack

upload20

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

brand-guide.pdf4.2 MB
hero-video.mov
logo-dark.svg18 KB
pricing.xlsx2.1 MB

Multi-File Queue

upload13

Stacked upload list with done, uploading, and failed rows each ending in the matching status icon.

campaign-edit-01.mov184 MB of 312 MB · 12.4 MB/s
59%10s left

Upload Progress

upload12

Single-file upload row with size counter, live speed, pause and cancel controls, and a gradient bar.

Uploading 24 files9.2 MB/s overall
74%
18Done
3Uploading
3Queued

Batch Summary

upload19

Aggregate upload card with a total-files header, a single sky bar, and a done, uploading, queued tally.

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.

brand-guidelines.pdf12.4 MB · 68%

File Upload Card

upload1

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