File upload
A growing collection of 13 file upload components built with React and Tailwind CSS.
Basic image uploader ∙ Docs
Avatar uploader with droppable area ∙ API
Drop your image here or click to browse
Max size: 5MB
Single image uploader w/ max size ∙ API
Drop your image here
SVG, PNG, JPG or GIF (max. 2MB)
Single image uploader w/ max size (drop area + button) ∙ API
Uploaded Files (4)
Multiple image uploader w/ image grid ∙ API
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 ∙ API
Upload file
Drag & drop or click to browse (max. 10MB)
document.pdf
Single file uploader w/ max size ∙ API
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 ∙ API
Uploaded Files (3)
document.pdf
516.34KB
intro.zip
246.95KB
conclusion.xlsx
344.6KB
Multiple files uploader w/ list inside ∙ API
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 ∙ API
Files (3)
intro.zip
246.95KB
image-01.jpg
1.46MB
audio.mp3
1.46MB
Mixed content w/ card ∙ API
Files (3)
intro.zip
246.95KB
image-01.jpg
1.46MB
audio.mp3
1.46MB
With simulated progress track ∙ API