---
title: "react-drag-drop-files"
description: "A React component for selecting files through drag and drop."
pagination: false
---

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

<PurposeNote title="Good for">Adding a straightforward file-drop area to an upload form.</PurposeNote>

## What it does

A React component for selecting files through drag and drop.

## When it fits

Adding a straightforward file-drop area to an upload form.

## 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-drag-drop-files ↗](https://www.npmjs.com/package/react-drag-drop-files)

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)