# react-dropzone/react-dropzone

Simple HTML5 drag-drop zone with React.js.

Repository: https://github.com/react-dropzone/react-dropzone
Canonical: https://ross.abutalabs.com/products/react-dropzone
Homepage: https://react-dropzone.js.org/
Language: TypeScript
License: MIT
License Family: permissive
Topics: react, drag-and-drop, file, file-upload
Last push: 2026-08-23T07:11:16+00:00

## Health v2 (maintenance only)
Score: 99/100 (v2, computed 2026-09-02T17:46:02.011165+00:00)
- activity 99, release rhythm 98, longevity 100
- inputs: {"age_days": 4358, "days_push": 10, "days_rel": 13, "gap_med": 0.0, "n_releases_24m": 39}
- flags: none
- formula: round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)

## Adoption (not part of the score)
Stars 11012, forks 800 (observed 2026-08-28T04:10:45.873555+00:00)

## What it is
A React library providing a hook and component for building HTML5-compliant drag-and-drop file upload zones. It handles drag events, file selection dialogs, folder support, and validation while giving full control over markup.

## Use cases
- add drag-and-drop file upload to a React app
- let users drop files onto a webpage to upload them
- create a file picker that supports both click and drag-and-drop
- validate file types and sizes before upload
- support uploading entire folders with relative paths
- build a custom-styled file dropzone component

## When to choose
- you use React and need file drag-and-drop with full markup control
- you want a hooks-first, headless file input with validation and folder support
- you need a well-maintained, widely adopted dropzone library with TypeScript types

## When to avoid
- you are not using React
- you need a full upload manager with progress, retries, and chunking out of the box
- you need drag-and-drop for non-file elements like sortable lists

## Facets
- artifact type: library
- maturity: stable
- function: file-upload, ui-components, form-handling
- domain: web-development, frontend
- platform: browser, cross-platform
- tags: react, drag-and-drop, html5, file-input, hooks, nodejs

## Member repositories
- react-dropzone/react-dropzone (main) score 99

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:10:45.873555+00:00.
- Health v2: computed from the inputs above; adoption is never an input.
- Inferred fields (summary, facets, guidance): AI-extracted, prompt v1, taxonomy v1, on 2026-08-29T17:17:13.300224+00:00, confidence not recorded.
  - readme: https://github.com/react-dropzone/react-dropzone (fetched 2026-08-28T04:10:45.873555+00:00, sha 4f4bd89c8b67)
  - homepage: https://react-dropzone.js.org/ (fetched 2026-08-29T08:16:01.181435+00:00, sha 1545ed6f175b)
  - site_page: https://react-dropzone.js.org/guide/getting-started (fetched 2026-08-29T08:16:01.191143+00:00, sha b645494f4fa8)
- Data as of 2026-08-30T08:39:29.467469+00:00.