> For clean Markdown of any page, append .md to the page URL.
> For a complete documentation index, see https://uploadcare.com/docs/llms.txt.
> For AI client integration (Claude Code, Cursor, etc.), connect to the MCP server at https://uploadcare.com/docs/_mcp/server.

# Framework integrations for File Uploader

> Choose a framework integration path for Uploadcare File Uploader and jump to matching examples.

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

## Quick start by framework

* [JavaScript integration](/docs/integrations/javascript-file-uploader/)
* [React integration](/docs/integrations/react-file-uploader/)
* [Angular integration](/docs/integrations/angular-file-uploader/)
* [Vue integration](/docs/integrations/vue-file-uploader/)
* [Svelte integration](/docs/integrations/svelte-file-uploader/)
* [Next.js integration](/docs/integrations/nextjs-file-uploader/)

## 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:

* [Overview](/docs/file-uploader/)
* [Installation](/docs/file-uploader/installation/)
* [Configuration](/docs/file-uploader/configuration/)
* [Events](/docs/file-uploader/events/)
* [API](/docs/file-uploader/api/)
* [Styling](/docs/file-uploader/styling/)
* [Plugin API](/docs/file-uploader/plugins/)

### 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:

* [NPM package](https://www.npmjs.com/package/@uploadcare/react-uploader)

## Examples repository

All framework examples live in one repository:

* [uploadcare/file-uploader-examples](https://github.com/uploadcare/file-uploader-examples)

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

* JavaScript: [CodeSandbox](https://codesandbox.io/p/devbox/github/uploadcare/file-uploader-examples/tree/main/examples/js-uploader) · [StackBlitz](https://stackblitz.com/github/uploadcare/file-uploader-examples/tree/main/examples/js-uploader)
* React (Web Components): [CodeSandbox](https://codesandbox.io/p/devbox/github/uploadcare/file-uploader-examples/tree/main/examples/react-uploader) · [StackBlitz](https://stackblitz.com/github/uploadcare/file-uploader-examples/tree/main/examples/react-uploader)
* React (adapter): [CodeSandbox](https://codesandbox.io/p/devbox/github/uploadcare/file-uploader-examples/tree/main/examples/react-uploader-adapter) · [StackBlitz](https://stackblitz.com/github/uploadcare/file-uploader-examples/tree/main/examples/react-uploader-adapter)
* Angular: [CodeSandbox](https://codesandbox.io/p/devbox/github/uploadcare/file-uploader-examples/tree/main/examples/angular-uploader) · [StackBlitz](https://stackblitz.com/github/uploadcare/file-uploader-examples/tree/main/examples/angular-uploader)
* Vue: [CodeSandbox](https://codesandbox.io/p/devbox/github/uploadcare/file-uploader-examples/tree/main/examples/vue-uploader) · [StackBlitz](https://stackblitz.com/github/uploadcare/file-uploader-examples/tree/main/examples/vue-uploader)
* Svelte: [CodeSandbox](https://codesandbox.io/p/devbox/github/uploadcare/file-uploader-examples/tree/main/examples/svelte-uploader) · [StackBlitz](https://stackblitz.com/github/uploadcare/file-uploader-examples/tree/main/examples/svelte-uploader)
* Next.js (Web Components): [CodeSandbox](https://codesandbox.io/p/devbox/github/uploadcare/file-uploader-examples/tree/main/examples/next-uploader) · [StackBlitz](https://stackblitz.com/github/uploadcare/file-uploader-examples/tree/main/examples/next-uploader)
* Next.js (adapter): [CodeSandbox](https://codesandbox.io/p/devbox/github/uploadcare/file-uploader-examples/tree/main/examples/next-uploader-adapter) · [StackBlitz](https://stackblitz.com/github/uploadcare/file-uploader-examples/tree/main/examples/next-uploader-adapter)

## Legacy guides

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

* [React jQuery File Uploader](/docs/integrations/react/)
* [Angular 2+ jQuery File Uploader](/docs/integrations/angular/)