Storage Usage

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

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

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

Import & use
import { Upload29 } from "@/components/beste/piece/upload29";

<Upload29
  used="184.2 GB"
  total="250 GB"
  percent={74}
  plan="Growth plan · shared with team"
  tone="primary"
/>

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.

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

Chunked Upload

upload17

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

brand-guidelines.pdf12.4 MB · 68%

File Upload Card

upload1

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

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.

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

Archive Bundle

upload30

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

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.