File Upload Blocks

File upload card with a drag-and-drop dropzone and an attachment list showing a spinner per file while uploading and a check when finished.

Compact inline file upload form field with a bordered Choose File row and one attachment showing the selected file name, size, and remove action.

Drag-and-drop file uploader enforcing size and type validation, with uploading, done, and error attachment states, toasts, and per-file remove.

Image gallery uploader with a responsive thumbnail grid, a cover badge on the first photo, hover remove buttons, an upload tile, and an image count.

Avatar uploader with a circular image preview, change and remove buttons, and a format hint, previewing the picked file via an object URL.

Animated upload queue where each file row shows a circular progress ring, speed and ETA, pause, cancel, and retry, above an aggregate progress bar.

Image gallery whose grayscale thumbnails drag to reorder with layout animation, a cover badge following the first slot, and hover set-cover and remove.

Two-column file transfer composer pairing a share panel (count-up total size, expiry select, copy link button) with a reflowing transfer contents list.

Cloud drive file manager with a breadcrumb, count-up storage meter, scroll-faded file and folder list with owner avatars, and a drag-anywhere upload overlay.

CSV import preview with a data table of detected columns, count-up row and column stats, validation chips, and skipped or rejected rows tinted in place.