Beautiful Drag’n’drop File Uploader – react-drop-file-input

A beautiful drag and drop file input component for React.

How to use it:

1. Install and import the react-drop-file-input component.

import DropFileInput from './components/drop-file-input/DropFileInput';

2. Basic usage.

function App() {
  const onFileChange = (files) => {
  return (
      <div className="box">
          <h2 className="header">
              React drop files input
              onFileChange={(files) => onFileChange(files)}
export default App;


Beautiful Drag'n'drop File Uploader

Download Details:

Author: trananhtuat

Live Demo: View The Demo

Download Link: Download The Source Code

Official Website:

License: MIT

Add Comment