Uppy: The Sleek, Modular, and Resilient JavaScript File Uploader
Description
Uppy is a modern, highly modular JavaScript file uploader designed for integration into any web application. Its key features include a sleek UI (Dashboard), support for local files and remote sources (like Google Drive, Dropbox, and Instagram), and image editing capabilities.
Code Snippet
import Uppy from '@uppy/core'
import Dashboard from '@uppy/dashboard'
import Tus from '@uppy/tus'
import '@uppy/core/dist/style.css'
import '@uppy/dashboard/dist/style.css'
const uppy = new Uppy()
.use(Dashboard, {
inline: true,
target: '#drag-drop-area'
})
.use(Tus, { endpoint: 'https://tusd.tusdemo.net/files/' })
uppy.on('complete', (result) => {
console.log('Upload complete! We’ve uploaded these files:', result.successful)
})
Downloads & Details
Version
4.18.0 (as of June 30, 2025)
License
MIT License
Dependencies
Node.js environment for development. Core packages include @uppy/core and an uploader plugin like @uppy/tus or @uppy/xhr-upload.