Skip to main content

Uppy 4.0 is here: TypeScript rewrite, Google Photos, React hooks, and much more.

Sleek, modular open source JavaScript file uploader

Uppy fetches files locally and from remote places like Dropbox or Instagram. With its seamless integration, reliability and ease of use, Uppy is truly your best friend in file uploading.

Get started

“Top 10 tools of the year”

Stackshare

“The best product launches”

Product Hunt

“Soooo useful”

Smashing Magazine

The all you need Dashboard — powerful, responsive, and pluggable.

Add files from remote sources, edit images, generate thumbnails, and more.

import Uppy  from '@uppy/core'
import Dashboard from '@uppy/dashboard'
import RemoteSources from '@uppy/google-drive'
import ImageEditor from '@uppy/image-editor'
import Webcam from '@uppy/webcam'
import Tus from '@uppy/tus'

const uppy = new Uppy()
.use(Dashboard, { target: '.DashboardContainer', inline: true })
.use(RemoteSources, { companionUrl: 'https://companion.uppy.io' })
.use(Webcam, { target: Dashboard })
.use(ImageEditor, { target: Dashboard })
.use(Tus, { endpoint: 'https://tusd.tusdemo.net/files/' })

Bring in the files from the cloud with Companion.

Companion is a hosted, standalone, or middleware server to take away the complexity of authentication and the cost of downloading files from remote sources, such as Instagram, Google Drive, and others.

This means a 5GB video isn’t eating into your users’ data plans and you don’t have to worry about OAuth.

Learn more

Integrate Uppy into your existing stack.

Uppy can seamlessly integrate in your existing stack. Plug the pup in the framework of your choosing.

React docs
import React, { useEffect } from 'react'
import Uppy from '@uppy/core'
import Webcam from '@uppy/webcam'
import { Dashboard } from '@uppy/react'

const uppy = new Uppy().use(Webcam)

function Component () {
return <Dashboard uppy={uppy} plugins={['Webcam']} />
}

And much more

  • Large uploads survive network hiccups thanks to resumable file uploads via the open Tus standard
  • Works great with the file encoding and processing backend from Transloadit.
  • Open source and driven by the community. We listen closely and adjust the project based on your feedback
  • File recovery, such as after a browser crash or accidental navigation, via Golden Retriever
  • Speaks multiple languages (i18n)
  • Built with accessibility in mind
Get started