react-dropzone/react-dropzone

Health v2 · maintenance only

Adoption not part of the score

11012 stars · 800 forks observed · 2026-08-28

What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-29, confidence not recorded

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

library · maturity stable

file-upload ui-components form-handling web-development frontend browser cross-platform react drag-and-drop html5 file-input hooks nodejs

Member repositories

For agents

markdown · JSON · MCP: product_card(name="react-dropzone/react-dropzone")