diff --git a/README.md b/README.md
index b9ce0b9..727ddc6 100644
--- a/README.md
+++ b/README.md
@@ -10,19 +10,18 @@
 # DiTing：初学者的第一个 IM 项目
 欢迎来到 DiTing！这是一个简单、轻量级的即时通讯（IM）开源项目，采用 Go 编写，严格遵守互联网开发标准。致力于为初学者提供一个友好、易于上手的 IM 解决方案，让你可以轻松入门并开始构建自己的即时通讯应用。
 
-## 寻找前端合作者
-我们正在积极寻找对前端技术有热情并愿意为 DiTing 项目贡献力量的合作者！无论你是前端新手还是资深开发者，都欢迎加入我们的团队，共同完善和优化 DiTing 的前端体验。
-如果你对成为 DiTing 的前端合作者感兴趣，请通过以下方式与我们联系：
-- 在 GitHub 上通过 Issue 或者 Pull Request 与我们交流你的想法和贡献。
-- 扫描下方微信联系作者。
-
-我们非常期待与你的合作，一起打造出一个卓越的 IM 项目！
-
 ## 项目导航
 - 学习文档：[DiTing文档](https://danmuking.github.io/)
 - 项目交流群：🎉 欢迎加入 DiTing 交流群！这是一个与其他开发者交流、分享经验和获取项目相关支持的地方。在这里你可以不仅可以提出遇到的任何问题，同时欢迎你与其他开发者交流并且对DiTing提出任何建议！
 - 码云仓库：[Gitee](https://gitee.com/danmuking/DiTing-Go)
 - Github仓库：[Github](https://github.com/danmuking/DiTing-Go)
+- 前端地址：[Github](https://github.com/danmuking/DiTingWeb)
+
+### 界面展示
+![app_1.png](./assets/app_1.png)
+![app_1.png](./assets/app_2.png)
+![app_1.png](./assets/app_3.png)
+![app_1.png](./assets/app_4.png)
 
 ### 技术选型
 | 技术          | 说明               | 官网 |
diff --git a/assets/app_1.png b/assets/app_1.png
new file mode 100644
index 0000000..cd19a8c
Binary files /dev/null and b/assets/app_1.png differ
diff --git a/assets/app_2.png b/assets/app_2.png
new file mode 100644
index 0000000..221c785
Binary files /dev/null and b/assets/app_2.png differ
diff --git a/assets/app_3.png b/assets/app_3.png
new file mode 100644
index 0000000..9d00f78
Binary files /dev/null and b/assets/app_3.png differ
diff --git a/assets/app_4.png b/assets/app_4.png
new file mode 100644
index 0000000..7973e63
Binary files /dev/null and b/assets/app_4.png differ