Dropzone
A versatile file upload component with drag and drop support.
Basic Dropzone
Drag and drop files here or click to browse
Colors
Primary Dropzone
Secondary Dropzone
Accent Dropzone
Info Dropzone
Success Dropzone
Warning Dropzone
Danger Dropzone
Muted Dropzone
Variants
Flat Variant
Bordered Variant
Faded Variant
Underlined Variant
Sizes
Small Size
Medium Size
Large Size
Radius
No Radius
Small Radius
Medium Radius
Large Radius
Extra Large Radius
Full Radius
States
Disabled State
Error State
With Info
Only images and PDFs allowed
Custom Configuration
Max 5MB per file, up to 3 files
File Types
Images Only
Accepts all image formats
PDFs Only
Accepts PDF files only
Multiple Types
Images, PDFs and Word documents
Single File Upload
Only one file at a time
Cloud Storage
Upload to R2
Files will be uploaded to Cloudflare R2
Upload to S3
Files will be uploaded to Amazon S3