File Uploads For
Open-source React & TypeScript file upload library with cloud integrations, customizable drag & drop UI, progress bar, and retry logic. Works with Next.js, Vite, Remix, Gatsby & more.
npm install upup-react-file-uploaderTry the interactive example
Customize the UI, drag & drop files, and test our TypeScript npm package with different themes and settings.
Everything you need formodern file uploads
A customizable React file upload component for Next.js, Vite, Remix & Gatsby — with drag-and-drop dropzone, file picker, upload button, progress bar, retry logic, and server-side helpers for image, video, and multiple file uploads.
Multi-Cloud Support
Connect to AWS S3, DigitalOcean Spaces, Backblaze B2, Azure Blob, and more cloud providers
Drag & Drop / Dropzone
Intuitive drag-and-drop file dropzone and file picker with an upload button — built for a modern, customizable UI
Image & Video Previews
File upload with preview — see images, videos, documents, and other media files instantly before uploading
Cloud Integration
Upload directly from Google Drive, OneDrive, and other cloud storage services
Progress Bar & Retry Logic
Real-time upload progress bar with automatic retry on failure, resumable chunked uploads, and server-side optimization
Multiple Files & Validation
Upload multiple files — including large files — with file size limit validation, pre-signed URLs, and enterprise-grade security
Let your users connect to their favorite storage cloud providers
Users can directly upload from these providers in UpUp
Google Drive
Direct access to files
OneDrive
Microsoft cloud storage
Dropbox
Cloud file sharing
Import photos and videos
Access photos and videos
Zoom
Upload recordings
Google Photos Picker
Photos picker integration
iCloud Drive
Apple cloud storage
Import images
TikTok
Upload videos
Request Custom
Tell us what you need!
And for developers, connect upup to your favorite cloud bucket
You can connect to UpUp using any S3 provider. We also support some non-S3 connections.
AWS S3
Amazon S3 buckets
Azure Blob
Microsoft Azure storage
Backblaze B2
Cost-effective storage
DigitalOcean
Spaces object storage
Cloudflare R2
R2 object storage
Wasabi Hot Cloud Storage
Hot cloud storage
Linode Object Storage
Linode object storage
IDrive e2
IDrive object storage
Hetzner Object Storage
Hetzner cloud storage
Scaleway Object Storage
Scaleway cloud storage
Oracle Cloud Object Storage
Oracle cloud storage
Alibaba Cloud OSS
Alibaba Cloud OSS
MinIO
Self-hosted storage
Google Cloud Storage
Google Cloud storage
Vercel Blob
Vercel blob storage
Supabase
Supabase storage
IBM Cloud Object Storage
IBM cloud storage
Request Custom
Tell us what you need!
Support for all file types
Upload images, videos, documents, and large files — handle any file type and size limit your users need
Try it in your browser
See a live React dropzone example — edit the TypeScript component, customize the upload button and file picker, and watch results instantly.
Like what you see? Install the npm package in your Next.js, Vite, Remix, or Gatsby project and start uploading files today.
Help us improve
Your feedback drives our development. Share your thoughts, report issues, or suggest new features.
Open Source & Community Driven
Upup is open source and welcomes contributions. Whether you're fixing bugs, adding features, or improving documentation, every contribution makes a difference.