Open-Source File Uploaderfor Every Framework
A free, open-source drag-and-drop file uploader with a headless core and native UI for React, Vue, Svelte, Angular, Vanilla JS & Preact. Cloud drives, camera, screen capture, and secure server-mode uploads to any S3-compatible storage.
npm install @useupup/reactOne uploader, the same API in every framework
'use client'import { UpupUploader } from '@useupup/react'import '@useupup/react/styles' export default function Uploader() { return <UpupUploader provider="aws" uploadEndpoint="/api/upload-token" />}Uploads in this demo are real: files go to a demo storage bucket, so don't upload anything private.
Everything you need for modern file uploads
One uploader with a headless core and native UI for React, Vue, Svelte, Angular, Vanilla JS, and Preact — with a drag-and-drop dropzone, file picker, cloud-drive sources, camera and screen capture, and optional server-mode uploads to any S3-compatible storage.
Six Frameworks, One Uploader
Native UI for React, Vue, Svelte, Angular, Vanilla JS, and Preact — one uploader that renders the same DOM structure, classes, and accessibility tree in every framework, enforced by a cross-framework parity suite.
See it liveCloud Drives, Camera & Screen Capture
Import files straight from Google Drive, OneDrive, Dropbox, and Box — plus device camera, screen capture, audio recording, and link (URL) imports.
See it liveSecure Server Mode
Optional server mode signs every upload on your own backend with an HMAC-signed trust model and runs cloud-drive OAuth there too, while file bytes still go straight to your bucket — with ready-made adapters for Express, Fastify, Hono, and Next.js.
Built-In Image Editor (React & Preact)
Crop, rotate, annotate, and filter images before upload with the integrated Filerobot editor — available in React and Preact, loaded lazily so it never weighs down your bundle.
See it liveCrash-Safe & Resumable
Reload the page mid-upload and pick up where you left off — crash recovery restores the queue, and resumable chunked uploads (tus) handle large files over unreliable networks.
Fast by Default: Workers + HEIC
Image compression runs off the main thread in a web worker, so the page stays responsive — and opt-in HEIC to JPEG conversion means .heic photos from iPhones just work.
Headless Core
Framework-agnostic engine — bring your own UI.
Any S3-Compatible Storage
AWS, R2, MinIO, Spaces, B2, Wasabi, and more.
Previews, Progress & Retry
Live previews, progress bar, and automatic retry.
Themeable & Localized
Theme tokens, dark mode, and built-in locales.
Accessible & TypeScript-First
Accessibility checks in our CI suite, fully typed APIs.
Let your users connect to their favorite storage cloud providers
Users can directly upload from these providers in upup
Supported today
On the roadmap — click to request one
And for developers, connect upup to your favorite cloud bucket
You can connect to upup using any S3 provider. We also support Azure Blob Storage in client mode.
Supported today
On the roadmap — click to request one
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
Browse a real React example — edit the component, tweak the dropzone and file picker, then open it in StackBlitz to run it live. The same uploader ships for Vue, Svelte, Angular, Vanilla JS, and Preact.
Like what you see? Install the package for your framework — React, Vue, Svelte, Angular, Vanilla JS, or Preact — and start uploading files today.
Frequently askedquestions
upup ships one uploader with native UI packages for React, Vue, Svelte, Angular, Vanilla JS, and Preact. Every framework renders the same DOM structure, classes, and accessibility tree, verified by a cross-framework parity test suite, so the uploader looks and behaves the same everywhere.
Yes. upup is MIT-licensed and free to use in commercial and personal projects. The source lives on GitHub at github.com/DevinoSolutions/upup.
Yes. upup uploads to any S3-compatible storage, including AWS S3, Cloudflare R2, MinIO, DigitalOcean Spaces, Backblaze B2, Wasabi, and more, as well as Azure Blob Storage.
Users can import files directly from Google Drive, OneDrive, Dropbox, and Box. upup also supports uploads from the device camera, screen capture, and link (URL) imports.
In both modes the browser sends local file bytes straight to your bucket over short-lived presigned URLs, and your storage credentials stay on your server. In client mode you write the endpoint that signs those URLs, and cloud-drive sign-in and downloads run in the browser. In server mode the @useupup/server package is that endpoint — HMAC-signed upload tokens, per-user auth, size and type limits, and multipart coordination — and it also runs cloud-drive OAuth and streams drive files into your bucket from the server.
Yes. The engine lives in @useupup/core, a framework-agnostic headless package. You can use the built-in native UI for your framework or build a fully custom interface on the same core using the exported hooks and controllers.
Still have questions? Ask on our Discord or contact support. A human replies within 1 business day.
Help us improve
Your feedback drives our development. Share your thoughts, report issues, or suggest new features.
Contact Support
Open a support request: problems, feature ideas, or questions. A human replies within 1 business day.
Open SupportOpen 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.