README.md

metadata

title: Manus Clone Cn
emoji: 🤖
colorFrom: blue
colorTo: purple
sdk: docker
pinned: false
app_port: 7860
short_description: Manus 克隆中文版

Manus-clone-cn

这是一个基于 React + Tailwind CSS 的高仿 Manus 界面项目。

功能特点

• 高保真 UI: 复刻了 Manus 的深色模式界面。
• 响应式布局: 包含侧边栏和主内容区域。
• 现代化技术栈: 使用 Vite, React, TypeScript, Tailwind CSS v4。
• 图标库: 使用 Lucide React 提供精美图标。

快速开始

1. 安装依赖:

   npm install
   

2. 启动开发服务器:

   npm run dev
   

3. 打开浏览器访问显示的地址 (通常是 http://localhost:5173)。

项目结构

• src/components/Sidebar.tsx: 左侧导航栏
• src/components/MainContent.tsx: 主聊天界面和输入框
• src/App.tsx: 布局容器