diff --git a/frontend/src/renderer/index.html b/frontend/src/renderer/index.html
index 9d94be9..07b28d9 100644
--- a/frontend/src/renderer/index.html
+++ b/frontend/src/renderer/index.html
@@ -4,9 +4,81 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>CloudDisk</title>
+  <link rel="stylesheet" href="https://unpkg.com/antd@5.12.0/dist/reset.css">
+  <style>
+    body { margin: 0; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; }
+    #root { min-height: 100vh; }
+  </style>
 </head>
 <body>
-  <div id="root"></div>
-  <script src="./renderer.js"></script>
+  <div id="root">Loading...</div>
+  
+  <script src="https://unpkg.com/react@18/umd/react.production.min.js"></script>
+  <script src="https://unpkg.com/react-dom@18/umd/react-dom.production.min.js"></script>
+  <script src="https://unpkg.com/antd@5.12.0/dist/antd.min.js"></script>
+  <script src="https://unpkg.com/@ant-design/icons@5.2.6/dist/index.umd.min.js"></script>
+  
+  <script>
+    // Simple app without JSX
+    const { Button, Layout, Menu, Input, Table, Modal, Upload, Progress, Breadcrumb, Avatar, Dropdown, Spin, message, notification } = antd;
+    const { FolderOutlined, FileOutlined, UploadOutlined, DeleteOutlined, DownloadOutlined, ShareAltOutlined, UserOutlined, SettingOutlined, LogoutOutlined, HomeOutlined, ClockCircleOutlined, CloudOutlined } = icons;
+    const { Header, Sider, Content } = Layout;
+    
+    function App() {
+      const [user, setUser] = React.useState(null);
+      const [files, setFiles] = React.useState([]);
+      const [currentPath, setCurrentPath] = React.useState([]);
+      const [isLoggedIn, setIsLoggedIn] = React.useState(false);
+      
+      const menuItems = [
+        { key: 'files', icon: React.createElement(FolderOutlined), label: '我的文件' },
+        { key: 'recent', icon: React.createElement(ClockCircleOutlined), label: '最近访问' },
+        { key: 'shared', icon: React.createElement(ShareAltOutlined), label: '共享文件' },
+        { key: 'trash', icon: React.createElement(DeleteOutlined), label: '回收站' },
+      ];
+      
+      if (!isLoggedIn) {
+        return React.createElement('div', { style: { display: 'flex', justifyContent: 'center', alignItems: 'center', height: '100vh', background: '#f0f2f5' } },
+          React.createElement('div', { style: { width: '400px', padding: '40px', background: 'white', borderRadius: '8px', boxShadow: '0 2px 8px rgba(0,0,0,0.1)' } },
+            React.createElement('h1', { style: { textAlign: 'center', marginBottom: '30px' } }, 'CloudDisk'),
+            React.createElement(Input, { placeholder: '用户名', style: { marginBottom: '16px' } }),
+            React.createElement(Input.Password, { placeholder: '密码', style: { marginBottom: '16px' } }),
+            React.createElement(Button, { type: 'primary', block: true }, '登录')
+          )
+        );
+      }
+      
+      return React.createElement(Layout, { style: { minHeight: '100vh' } },
+        React.createElement(Header, { style: { background: '#1890ff', padding: '0 20px', color: 'white', display: 'flex', alignItems: 'center', justifyContent: 'space-between' } },
+          React.createElement('span', { style: { fontSize: '20px', fontWeight: 'bold' } }, 'CloudDisk'),
+          React.createElement(Avatar, { icon: React.createElement(UserOutlined) })
+        ),
+        React.createElement(Layout, {},
+          React.createElement(Sider, { width: 200, style: { background: '#fff' } },
+            React.createElement(Menu, { mode: 'inline', defaultSelectedKeys: ['files'], items: menuItems, style: { height: '100%' } })
+          ),
+          React.createElement(Layout, { style: { padding: '20px', background: '#fff' } },
+            React.createElement('div', { style: { marginBottom: '16px' } },
+              React.createElement(Upload, { showUploadList: false },
+                React.createElement(Button, { icon: React.createElement(UploadOutlined) }, '上传文件')
+              ),
+              React.createElement(Button, { icon: React.createElement(FolderOutlined), style: { marginLeft: '8px' } }, '新建文件夹')
+            ),
+            React.createElement(Table, { 
+              dataSource: files, 
+              columns: [
+                { title: '名称', dataIndex: 'name', key: 'name' },
+                { title: '大小', dataIndex: 'size', key: 'size', render: (v) => v ? (v/1024/1024).toFixed(2) + ' MB' : '-' },
+                { title: '修改时间', dataIndex: 'updated_at', key: 'updated_at' }
+              ],
+              rowKey: 'id'
+            })
+          )
+        )
+      );
+    }
+    
+    ReactDOM.createRoot(document.getElementById('root')).render(React.createElement(App));
+  </script>
 </body>
 </html>
