diff --git a/src/features/io/IO.js b/src/features/io/IO.js
new file mode 100644
index 0000000..7602201
--- /dev/null
+++ b/src/features/io/IO.js
@@ -0,0 +1,21 @@
+import React from 'react';
+import { useDropzone } from 'react-dropzone';
+
+export default function Dropzone(props) {
+    const { getRootProps, getInputProps, open, acceptedFiles } = useDropzone({
+        noClick: true,
+        noKeyboard: true,
+    });
+
+    return (
+        <div className="container">
+            <div {...getRootProps}>
+                <input {...getInputProps} />
+                <p>Drag and drop files here</p>
+                <button type="button" onClick={open}>
+                    Open File
+                </button>
+            </div>
+        </div>
+    );
+}