diff --git a/README.md b/README.md
index 4e7a9ef..77a9c6b 100644
--- a/README.md
+++ b/README.md
@@ -116,6 +116,12 @@ pnpm lint
 - `types` Type definition
 - `wip` In development
 
+## Project preview
+
+![preview1.png](./src/assets/docs/preview1.png)
+![preview2.png](./src/assets/docs/preview2.png)
+![preview3.png](./src/assets/docs/preview3.png)
+
 ## 💕 Contributors
 
 Thanks to all the contributors!
diff --git a/README.zh-CN.md b/README.zh-CN.md
index a158810..63a79d0 100644
--- a/README.zh-CN.md
+++ b/README.zh-CN.md
@@ -116,6 +116,12 @@ pnpm lint
 - `types` 类型定义文件更改
 - `wip` 开发中
 
+## 项目预览图
+
+![preview1.png](./src/assets/docs/preview1.png)
+![preview2.png](./src/assets/docs/preview2.png)
+![preview3.png](./src/assets/docs/preview3.png)
+
 ## 💕 贡献者
 
 感谢所有的贡献者！
diff --git a/src/assets/docs/preview1.png b/src/assets/docs/preview1.png
new file mode 100644
index 0000000..01dbdca
Binary files /dev/null and b/src/assets/docs/preview1.png differ
diff --git a/src/assets/docs/preview2.png b/src/assets/docs/preview2.png
new file mode 100644
index 0000000..87c2086
Binary files /dev/null and b/src/assets/docs/preview2.png differ
diff --git a/src/assets/docs/preview3.png b/src/assets/docs/preview3.png
new file mode 100644
index 0000000..ec5a25d
Binary files /dev/null and b/src/assets/docs/preview3.png differ