Documentation menu

 

View as Markdown

Framework quickstarts

Pick your framework and get a working uploader. Every quickstart starts in client mode: the browser uploads straight to your storage, your app only issues short-lived upload credentials at uploadEndpoint, and there is no upup server package to run. Each one then shows how to add server mode, where @useupup/server signs uploads and runs cloud drives on your own server. For the concepts behind them, see Getting Started.

  • React — @useupup/react, the canonical upup UI, for React 19 apps.
  • Vue — @useupup/vue for Vue 3.4+ apps.
  • Svelte — @useupup/svelte for Svelte 5 apps.
  • Angular — @useupup/angular, a standalone component for Angular 19 apps.
  • Vanilla JS — @useupup/vanilla, framework-free, for any page.
  • Preact — @useupup/preact, a preact/compat re-export of the React UI.
  • Next.js — @useupup/next, client UI and server handlers in one install.

The same uploader in every framework

The Vue, Svelte, Angular and Vanilla JS packages are native ports that render the same DOM as the React UI. Cloud drives, camera, screen capture, link import, compression, HEIC conversion, resumable uploads, i18n, and theming work the same in every framework. The one difference is the image editor (crop, rotate, annotate), which ships for React and Preact only; the other frameworks intentionally stub it. Next.js re-exports the React UI, so it includes the editor too.