File upload
A growing collection of 13 file upload components built with Vue and Tailwind CSS.
Avatar uploader with droppable area
Drop your image here or click to browse
Max size: 5MB
Single image uploader w/ max size
Drop your image here
SVG, PNG, JPG or GIF (max. 2MB)
Single image uploader w/ max size (drop area + button)
Uploaded Files (4)
Multiple image uploader w/ image grid
Drop your images here
SVG, PNG, JPG or GIF (max. 5MB)
image-01.jpg
1.46MB
image-02.jpg
2.24MB
image-03.jpg
3.3MB
Multiple image uploader w/ image list
Upload file
Drag & drop or click to browse (max. 10MB)
document.pdf
Single file uploader w/ max size
Upload files
Drag & drop or click to browse
document.pdf
516.34KB
intro.zip
246.95KB
conclusion.xlsx
344.6KB
Multiple files uploader w/ list
Uploaded Files (3)
document.pdf
516.34KB
intro.zip
246.95KB
conclusion.xlsx
344.6KB
Multiple files uploader w/ list inside
Upload files
Max 10 files ∙ Up to 10MB
Files (3)
| Name | Type | Size | Actions |
|---|---|---|---|
| document.pdf | 516.34KB | ||
| intro.zip | ZIP | 246.95KB | |
| conclusion.xlsx | XLSX | 344.6KB |
Multiple files uploader w/ table
Files (3)
intro.zip
246.95KB
image-01.jpg
1.46MB
audio.mp3
1.46MB
Mixed content w/ card
Files (3)
intro.zip
246.95KB
image-01.jpg
1.46MB
audio.mp3
1.46MB
With simulated progress track ∙ API