@uploadcn

Composable, accessible upload primitives: dropzone, trigger, queue, previews, progress, status and actions.

A crop, zoom, rotate and flip dialog that outputs a processed image file.

Turns a crop dialog into an async step so images can be cropped before they upload.

Streams the device camera into a video element and captures frames as Files. Starts only on demand.

A dropzone with a full upload queue, progress summary and batch actions.

A single button that uploads and reports progress inline.

An image grid with optional cropping and client-side compression.

A profile photo uploader with round cropping and a progress ring.

A photo gallery uploader that resizes images to WebP before upload.

Video uploads with inline playback, duration limits and resumable multipart for large files.

Audio uploads with an inline player per file.

Document, PDF and résumé uploads with type badges.

An AI chat composer with attachments via click, drag and paste.

RAG / knowledge-base ingestion with parse, chunk, embed and index stages.

An app-wide upload provider with a drop-anywhere overlay, a background queue panel and IndexedDB persistence.

A form field for react-hook-form, TanStack Form and server actions.

Pick files, review them, then upload in a modal that confirms before closing mid-upload.

The upload queue as a data table, with a drop overlay over the whole table.

One queue fed from three sources: the device, a public link or the camera.

Take photos with the device camera and upload them as you go, with a file picker fallback.

A settings card for a workspace logo with light and dark previews.

Images upload in the background while people write alt text and captions.

Attachments behind a toolbar button with a count and a progress ring.

Storefront product photos: a cover image and a gallery you reorder by drag or keyboard.

Bulk import from a spreadsheet, with column checks and a preview before upload.

KYC-style ID front, back and selfie with a progress rail and submit gate.

A checklist of required documents (claims, onboarding, visas) ticked off as they upload.

Resume, cover letter and portfolio for a careers page.

Upload scans, photos and PDFs and read their text with any OCR engine, with copy, download and extracted fields.

Expense capture: a receipt plus details your OCR can prefill (merchant, date, amount).

Real-estate listing photos tagged by room, with coverage and a recommended count.

Coursework hand-in with a deadline, late flag, and turn in / unsubmit.

Configure storage once: an UploadConfigProvider wrapper for your root layout that every UploadCN component uses.

A Next.js route handler that signs S3 or R2 uploads at /api/upload.

A Next.js route handler at /api/ocr that reads text with Google Vision, Textract, Azure, Mistral or your own service.

A TanStack Start server route that signs S3 uploads at /api/upload.

A folder that opens on hover and drag; dropped files fly in and the front shows progress.

Uploads stacked like notifications that fan out on hover or focus.

A button that morphs into its own progress bar, then a check mark.

Photos drop onto the table like polaroids with a spring and a tilt.

A queue whose rows expand in, collapse out, count up and draw a check.

A dropzone whose rings ripple while dragging, with a burst on drop.

A Dynamic Island-style pill that morphs between idle, progress and done, and expands into the file list on hover.

A single-image uploader where the photo develops behind a scan line as it uploads.

A dropzone that fills up like a glass with the combined upload progress.

One ring for the whole batch: a counting percentage, per-file ticks and a self-drawing check.

A macOS-style dock of uploaded files that magnifies under the cursor.

Uploads printed as a CLI log with ASCII progress bars, speed and results.

A dropzone whose target leans towards the pointer and follows dragged files.

Files slide into an envelope; the flap closes and a seal stamps on when sent.

A send button that fills with progress, then the paper plane takes off.

Product photos drop into a shopping bag that fills as they upload.

Files orbit the center while uploading and land in a row when done.

Drop into any Upload: a confetti burst in your theme's colors when a batch finishes.

Files, megabytes and percent on rolling odometer digits.

Particles rise into a cloud that fills with the upload progress.

A single-file card that flips to show the uploaded file.

A document scanner frame with corner guides and a scan beam, for IDs and receipts.

A record that spins while tracks upload, with a tonearm that follows progress.

A rocket that climbs with the upload and lifts off when it's done.

Charges cell by cell for backups, with a bolt that pulses while it charges.

Types each file name onto a page that rolls out of the machine.

Sand runs through an hourglass as files upload, with the time left up front.

A drawing traces itself as CAD files upload, then the title block is approved.

Documents land on a pile and get stamped the moment they're received.

A truck carries files from the warehouse to their destination as they upload.