diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx
index 58af25e..019069d 100644
--- a/frontend/src/App.tsx
+++ b/frontend/src/App.tsx
@@ -40,7 +40,7 @@ import {
 import { Status, Item, SaveTo } from './types'
 import { SelectFiles, SelectFolder, ProcessFiles } from '../wailsjs/go/main/App'
 import { main } from '../wailsjs/go/models'
-import { EventsOn } from '../wailsjs/runtime/runtime'
+import { EventsOn, OnFileDrop } from '../wailsjs/runtime/runtime'
 
 const columnsDef: TableColumnDefinition<Item>[] = [
   createTableColumn<Item>({
@@ -135,7 +135,7 @@ export const App = () => {
       for (const file of files) {
         setItems(prev => [...prev, { file, status: 'pending' }])
       }
-      setTotalFilesNeedToProcess(files.length)
+      setTotalFilesNeedToProcess(prev => prev + files.length)
     })
   }
 
@@ -194,6 +194,14 @@ export const App = () => {
     }
   }, [finishedCount])
 
+  OnFileDrop((_x, _y, paths) => {
+    for (const path of paths) {
+      setItems(prev => [...prev, { file: path, status: 'pending' }])
+    }
+    console.log(paths.length, paths)
+    setTotalFilesNeedToProcess(prev => prev + paths.length)
+  }, false)
+
   return (
     <div className="p-3">
       <Dialog
diff --git a/main.go b/main.go
index 2dc248f..9d55f60 100644
--- a/main.go
+++ b/main.go
@@ -28,6 +28,10 @@ func main() {
 		Bind: []interface{}{
 			app,
 		},
+		DragAndDrop: &options.DragAndDrop{
+			EnableFileDrop: true,
+			DisableWebViewDrop: true,
+		},
 	})
 
 	if err != nil {