diff --git a/frontend/src/renderer/components/Empty.jsx b/frontend/src/renderer/components/Empty.jsx
new file mode 100644
index 0000000..3be0269
--- /dev/null
+++ b/frontend/src/renderer/components/Empty.jsx
@@ -0,0 +1,21 @@
+import React from 'react';
+import { Empty as AntEmpty } from 'antd';
+import { FolderOpenOutlined } from '@ant-design/icons';
+
+function Empty({ type = 'file', onAction }) {
+  const descriptions = {
+    file: '暂无文件，上传一个文件开始使用',
+    folder: '文件夹为空',
+    search: '没有找到匹配的文件',
+    trash: '回收站是空的'
+  };
+
+  return (
+    <AntEmpty
+      image={<FolderOpenOutlined style={{ fontSize: 64, color: '#d9d9d9' }} />}
+      description={descriptions[type] || '暂无数据'}
+    />
+  );
+}
+
+export default Empty;