Docs
- Getting Started
- Uppy
- Companion
- List of Plugins
- Common Plugin Options
- Custom Stores
- Community Projects
- Locale Packs
- Migration guides
UI Elements
Sources
- Drag & Drop
- Drop Target
- File Input
- Audio
- Webcam
- Screen capture
- Provider Plugins
- β Box
- β Dropbox
- β Google Drive
- β Facebook
- β Instagram
- β OneDrive
- β Zoom
- β Unsplash
- β Import From URL
Destinations
File Processing
- Robodog Introduction
- Robodog File Picker
- Image Editor
- Robodog Form
- Robodog Upload
- Robodog Dashboard
- Transloadit
Miscellaneous
React
- Introduction
- Initializing Uppy
- <StatusBar />
- <DragDrop />
- <FileInput />
- <ProgressBar />
- <Dashboard />
- <DashboardModal />
- React Native
Other Integrations
Contributing
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
andInformer
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
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.
Package | Version | Minified | Gzip |
---|---|---|---|
uppy | 2.10.0 | 515 KB | 153 KB |
@uppy/robodog | 2.6.0 | 361 KB | 106 KB |
@uppy/react | 2.2.0 | 137 KB | 40 KB |
@uppy/core | 2.2.0 | 49 KB | 17 KB |
@uppy/aws-s3 | 2.1.0 | 28 KB | 9.4 KB |
@uppy/aws-s3-multipart | 2.3.0 | 32 KB | 10 KB |
@uppy/dashboard | 2.2.0 | 120 KB | 36 KB |
@uppy/drag-drop | 2.1.0 | 5.2 KB | 2.1 KB |
@uppy/dropbox | 2.0.6 | 42 KB | 14 KB |
@uppy/file-input | 2.1.0 | 2.0 KB | 1004 B |
@uppy/form | 2.0.5 | 4.5 KB | 1.9 KB |
@uppy/golden-retriever | 2.0.6 | 13 KB | 4.2 KB |
@uppy/google-drive | 2.1.0 | 42 KB | 14 KB |
@uppy/informer | 2.0.5 | 5.4 KB | 1.9 KB |
@uppy/instagram | 2.1.0 | 43 KB | 14 KB |
@uppy/image-editor | 1.2.0 | 46 KB | 15 KB |
@uppy/progress-bar | 2.1.0 | 1.2 KB | 650 B |
@uppy/screen-capture | 2.1.0 | 12 KB | 3.9 KB |
@uppy/status-bar | 2.2.0 | 17 KB | 6.1 KB |
@uppy/thumbnail-generator | 2.1.1 | 32 KB | 10 KB |
@uppy/transloadit | 2.2.0 | 139 KB | 42 KB |
@uppy/tus | 2.3.0 | 64 KB | 19 KB |
@uppy/url | 2.1.0 | 16 KB | 5.9 KB |
@uppy/webcam | 2.2.0 | 19 KB | 6.3 KB |
@uppy/xhr-upload | 2.1.0 | 27 KB | 9.0 KB |
@uppy/drop-target | 1.1.3 | 3.9 KB | 1.6 KB |
@uppy/store-default | 2.0.3 | 797 B | 473 B |
@uppy/store-redux | 2.0.3 | 1.6 KB | 868 B |
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.
Caught a mistake or want to contribute to the documentation?
Edit/fork this page directly on Github!