---
title: "react-dropzone"
description: "React hooks for building file-selection and dropzone interfaces."
pagination: false
---

{/* Generated from content/. Edit the catalog, not this page. */}

<PurposeNote title="Good for">Accepting dropped files while keeping control over the upload UI.</PurposeNote>

## What it does

React hooks for building file-selection and dropzone interfaces.

## When it fits

Accepting dropped files while keeping control over the upload UI.

## Other options in this category

<div data-pagefind-ignore>

- [Better Upload](/files/better-upload) — Connecting an upload interface directly to object storage.
- [content-disposition-header](/files/content-disposition-header) — Controlling filenames and attachment behavior in file-download responses.
- [downloadjs](/files/downloadjs) — Saving data that an application generates on the client.
- [FileSaver.js](/files/filesaver-js) — Offering downloads of client-generated documents and exports.
- [Formidable](/files/formidable) — Handling file-upload requests on a server.

</div>

## Source

[Project source for react-dropzone ↗](https://react-dropzone.js.org/)

Editorial overview reviewed on October 24, 2026. Follow the source for current setup, compatibility, and licensing.

[Import or export a file →](/tasks/import-or-export-a-file)

[All files, uploads &amp; downloads options →](/files)