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
• Webcam — 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

React

• Introduction
• Initializing Uppy
• <StatusBar />
• <DragDrop />
• <ProgressBar />
• <FileInput />
• <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 currently aim to support IE11+ and recent versions of Safari, Edge, Chrome, Firefox and Opera.

We still run end to end tests with IE10, but we are not actively supporting it or fixing visual / minor issues.