List of Plugins

Everything in Uppy is a Plugin. This lets us offer a wealth of features, but avoid bloating your JS bundle sizes if you don’t need them all.

See list of packages and sizes below to install what you need.

• Uppy — The core module that orchestrates everything
• Companion — Server-side proxy that enables remote sources like Instagram, Google Drive, and Dropbox

UI Elements

• Dashboard — full-featured sleek UI with file previews, metadata editing, upload/pause/resume/cancel buttons and more. Includes StatusBar and Informer plugins by default
• Status Bar — advanced upload progress status bar
• Progress Bar — add a small YouTube-style progress bar at the top of the page
• Informer — show notifications

Sources

• Drag & Drop — plain and simple drag-and-drop area
• Drop Target — drag-and-drop area on any element on the page
• File Input — even more plain and simple, just a button
• Audio — upload audio recordings
• Webcam — upload selfies or audio / video recordings
• Screen capture — upload selfies or audio / video recordings
• ⓒ Box — import files from Box
• ⓒ Dropbox — import files from Dropbox
• ⓒ Google Drive — import files from Google Drive
• ⓒ Facebook — import files from Facebook
• ⓒ Instagram — import files from Instagram
• ⓒ OneDrive — import files from OneDrive
• ⓒ Zoom — import files from Zoom
• ⓒ Unsplash — import images from Unsplash
• ⓒ Import From URL — import files from any public URL

Destinations

• Tus — uploads using the tus resumable upload protocol
• XHR Upload — classic multipart form uploads or binary uploads using XMLHTTPRequest
• AWS S3 — uploader for AWS S3
• AWS S3 Multipart — uploader for AWS S3 using its resumable Multipart protocol

File Processing

• Robodog — user friendly abstraction to do file processing with Transloadit
• Image Editor — allows users to crop, rotate, zoom and flip images that are added to Uppy
• Transloadit — manipulate and transcode uploaded files using the transloadit.com service

Miscellaneous

• Form — collect metadata from <form> right before the Uppy upload, then optionally append results back to the form
• Golden Retriever — restore files and continue uploading after a page refresh or a browser crash
• Thumbnail Generator — generate preview thumbnails for images to be uploaded
• Redux — Uppy can use your app’s Redux store for its files and UI state
• Compressor — optimizes images before upload, saving up to 60% on average

React

• Introduction
• Initializing Uppy
• <StatusBar />
• <DragDrop />
• <FileInput />
• <ProgressBar />
• <Dashboard />
• <DashboardModal />
• React Native

Other Integrations

• Angular
• Vue
• Svelte

List of Uppy Packages

Below is the list of Uppy packages, and their minified and gzipped sizes.

⚠️ Note that this includes the dependencies for each package, some of which are shared when you install multiple plugins. For example, the @uppy/dropbox and @uppy/instagram package are both over 11kB including dependencies, but only sum up to about 15kB when they are used together.

This graph is built with Hugh Kennedy’s excellent disc.

Browser Support

We aim to support recent versions of Chrome, Firefox, Safari and Edge. We still provide a bundle which should work on IE11, but we are not running tests on it.