Uppy

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

ReactVueSvelteAngular

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