Image Row

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

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

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

Import & use
import { Upload23 } from "@/components/beste/piece/upload23";

<Upload23
  filename="brand-hero.jpg"
  dimensions="2400 × 1600"
  size="1.4 MB"
  imageSrc="https://images.unsplash.com/photo-1773414001281-7e1cadd04a79?w=200&auto=format&fit=crop&q=60&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxmZWF0dXJlZC1waG90b3MtZmVlZHw2Mnx8fGVufDB8fHx8fA%3D%3D"
/>

More Upload pieces

View all Upload
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.

Add a cover imageRecommended 1600 × 600, up to 4 MB

Cover Uploader

upload6

Gradient banner placeholder that prompts a cover image with size hint and inset dashed border.

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.

brand-guidelines.pdf12.4 MB · 68%

File Upload Card

upload1

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

+20
Recent uploads24 items

Upload Stack

upload20

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

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

Image Preview

upload18

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