Receiving files

Framework integrations for File Uploader

Use this guide to pick the best integration path for your frontend framework and jump directly to working examples.

Quick start by framework

Integration paths

Web Components (@uploadcare/file-uploader)

This is the primary integration path for Uploadcare File Uploader. It works in plain JavaScript and in frameworks that support custom elements.

Use it when you want:

  • the same uploader behavior across frameworks
  • direct access to uploader events and API
  • custom plugin integrations (for example, custom sources)

Read the core docs:

React adapter (@uploadcare/react-uploader)

For React and Next.js projects, you can also use the React adapter package.

Use it when you want:

  • React-first component APIs
  • easier binding with React state
  • less direct Web Component wiring in your app code

React adapter package:

Examples repository

All framework examples live in one repository:

You can also open the examples directly in CodeSandbox or StackBlitz:

Legacy guides

If you are working with the legacy jQuery uploader ecosystem, see: