14 components

File upload

Redrawn from the Origin UI catalogue on Ndeko UI primitives. Open the code of any of them to copy it or the command that installs it.

Image upload button

file-upload-01

Avatar upload button

file-upload-02

Avatar drop area

file-upload-03

Image drop zone

file-upload-04

Drop your image here or click to browse

Max size: 5MB

Image drop zone with button

file-upload-05

Drop your image here

SVG, PNG, JPG or GIF (max. 2MB)

Image grid uploader

file-upload-06

Uploaded files4

Image list uploader

file-upload-07

Drop your images here

SVG, PNG, JPG or GIF (max. 5MB)

cover-draft.png

1.46MB

team-offsite.jpg

2.24MB

product-shot.jpg

3.3MB

Single file uploader

file-upload-08

Upload file

Drag and drop or click to browse (max. 10MB)

brand-guidelines.pdf

File list uploader

file-upload-09

Upload files

Drag and drop or click to browse

All files · Max 10 files · Up to 100MB

brand-guidelines.pdf

516.34KB

q3-roadmap.zip

246.95KB

budget-2027.xlsx

344.6KB

File list in the zone

file-upload-10

Uploaded files3

brand-guidelines.pdf

516.34KB

q3-roadmap.zip

246.95KB

budget-2027.xlsx

344.6KB

File table uploader

file-upload-11

Upload files

Max 10 files · Up to 10MB

Files3

NameTypeSizeActions
brand-guidelines.pdfPDF516.34KB
q3-roadmap.zipZIP246.95KB
budget-2027.xlsxXLSX344.6KB

File card grid

file-upload-12

Files3

q3-roadmap.zip

246.95KB

cover-draft.png

1.46MB

standup-notes.mp3

1.46MB

Upload with progress

file-upload-13

Files3

q3-roadmap.zip

246.95KB

cover-draft.png

1.46MB

standup-notes.mp3

1.46MB

Avatar uploader with cropper

file-upload-14