Cloud Sources

Vertical source picker with branded tiles, account hints, file counts for connected services, and a Connect pill for the rest.

Import from

New here? Read the installation guide.

Import & use
import { Upload9 } from "@/components/beste/piece/upload9";

<Upload9
  sources={[
    {
      "id": "drive",
      "name": "Google Drive",
      "description": "mira@beste.co",
      "icon": "drive",
      "src": "https://oud.pics/sm/l/google-drive.avif",
      "alt": "Google Drive",
      "connected": true,
      "fileCount": "1,248 files"
    },
    {
      "id": "figma",
      "name": "Figma",
      "description": "Beste Studio team",
      "icon": "figma",
      "src": "https://oud.pics/sm/l/figma.png",
      "alt": "Figma",
      "connected": true,
      "fileCount": "86 files"
    },
    {
      "id": "dropbox",
      "name": "Dropbox",
      "description": "Connect to browse",
      "icon": "dropbox",
      "src": "https://oud.pics/sm/l/dropbox.png",
      "alt": "Dropbox"
    },
    {
      "id": "device",
      "name": "This device",
      "description": "macOS · 248 GB free",
      "icon": "device",
      "src": "https://oud.pics/sm/l/apple.png",
      "alt": "This device",
      "connected": true
    }
  ]}
/>

More Upload pieces

View all Upload
+20
Recent uploads24 items

Upload Stack

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

Drag files to uploador click to browse your device

Drop Zone

Dashed upload surface centered on a cloud icon, with headline, subtitle, and a select button.

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

Storage Usage

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

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

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

Chunked Upload

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

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

File Row

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

Markdown version