File Upload

Basic File Input

Standard HTML file input

Hold Ctrl/Cmd to select multiple files
File Type Restrictions

Limit accepted file types

Accepts: JPG, PNG, GIF, WebP, SVG
Accepts: PDF files only
Accepts: DOC, DOCX, PDF, TXT
Accepts: MP4, WebM, MOV, AVI
Drag & Drop Zone

Drop files or click to browse

Drop files here or click to upload

Supports: JPG, PNG, PDF, DOC (Max 10MB each)

Image Drop Zone

Image preview on upload

Drop images here

PNG, JPG, GIF, WebP up to 5MB

Compact Dropzone

Smaller upload area

Drop files or browse
Button Style Upload

Upload with button click

Icon buttons:

Avatar Upload

Profile picture upload

Circle Avatar

Avatar

Click to change

Square Avatar

Avatar

Click to change

Avatar

JPG, PNG. Max 2MB

Cover Image Upload

Banner or header image

Cover
Change Cover
Recommended size: 1200x300 pixels. Max 5MB.

Company Logo

PNG or SVG with transparent background preferred
Upload with Progress

Simulated upload progress

Drop files or browse
screenshot.png 2.4 MB
document.pdf 1.8 MB
65%
report.docx 856 KB
Upload failed
File Preview Cards

Uploaded files with actions

Drop files or browse
Preview
photo-001.jpg 1.2 MB
contract.pdf 2.8 MB
archive.zip 15.4 MB
Validation States

Valid and invalid feedback

File uploaded successfully!
Please select a valid file.
Please upload a file.
Upload Limits

File size and count restrictions

Max 5MB per file
Upload up to 3 files
Upload Guidelines
  • Maximum file size: 10 MB
  • Supported formats: JPG, PNG, PDF, DOC, DOCX
  • Maximum 5 files per upload
  • Files are automatically scanned for viruses
Gallery Upload

Upload multiple images with preview grid

Drag & drop images here

or click to browse from your computer