File Upload Components

Versatile drag-and-drop zones, minimal inputs, and card-based uploads for any use case.

Standard Drop Zones

The default drag-and-drop area for general file uploads.

Default

Drop files here or click to upload

SVG, PNG, JPG or GIF (max. 800x400px)

Active / Drag Over State

Drop files now!

Release to upload

Minimal Variants

Compact versions for tight spaces or secondary actions.

Horizontal Row

Attach a file

Up to 10MB

Compact / Button-like

Add Attachment

Card & Preview

Ideal for image uploads like avatars, cover photos, or gallery items.

Cover Image

Upload Cover

1920x1080px

Avatar Upload

Click to change avatar

Upload States

Feedback for uploading, success, and error states.

Uploading (Progress)

document-final.pdf

2.4MB / 4.8MB

50%

Success

Upload Complete

image-001.png

Error

Upload Failed

File too large (>10MB)