The all you need Dashboard — powerful, responsive, and pluggable.
Add files from remote sources, edit images, generate thumbnails, and more.
import { Uppy, Dashboard, RemoteSources, ImageEditor, Webcam, Tus } from 'uppy'
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 moreIntegrate Uppy into your existing stack.
Uppy can seamlessly integrate in your existing stack. Plug the pup in the framework of your choosing.
React docsimport React, { useEffect } from 'react'
import { Uppy, Webcam } from 'uppy'
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