diff --git a/demo/index.md b/demo/index.md
new file mode 100644
index 0000000..9726251
--- /dev/null
+++ b/demo/index.md
@@ -0,0 +1,19 @@
+# 展示
+
+## 多彩皮肤
+
+![截图演示](/demo.png)
+
+<img src="/demo/background-layout-font.png" width="350">
+
+（背景图：[Close Up Photography of White and Black Cat](https://www.pexels.com/photo/close-up-photography-of-white-and-black-cat-69932/), CC0 许可）
+
+## 卷轴模式
+
+![卷轴模式](/demo/win11-light-scroll.png)
+
+## 深度定制
+
+[定制 CSS](../docs/theme/css.md) 可以深度个性化界面，异形窗口等也可实现：
+
+![异形候选窗](/demo/decoration.png)
diff --git a/index.md b/index.md
index 6b8071a..6757e04 100644
--- a/index.md
+++ b/index.md
@@ -10,6 +10,9 @@ hero:
     - theme: brand
       text: 安装
       link: https://github.com/fcitx-contrib/fcitx5-macos-installer/blob/master/README.zh-CN.md
+    - theme: alt
+      text: 展示
+      link: /demo/
     - theme: alt
       text: 文档
       link: /docs/
diff --git a/public/demo.png b/public/demo.png
new file mode 100644
index 0000000..1322beb
Binary files /dev/null and b/public/demo.png differ
diff --git a/public/demo/background-layout-font.png b/public/demo/background-layout-font.png
new file mode 100644
index 0000000..73a1993
Binary files /dev/null and b/public/demo/background-layout-font.png differ
diff --git a/public/demo/decoration.png b/public/demo/decoration.png
new file mode 100644
index 0000000..d85601f
Binary files /dev/null and b/public/demo/decoration.png differ
diff --git a/public/demo/mac-dark-scroll.png b/public/demo/mac-dark-scroll.png
new file mode 100644
index 0000000..175e731
Binary files /dev/null and b/public/demo/mac-dark-scroll.png differ
diff --git a/public/demo/mac-dark.png b/public/demo/mac-dark.png
new file mode 100644
index 0000000..b52e48f
Binary files /dev/null and b/public/demo/mac-dark.png differ
diff --git a/public/demo/mac-light-scroll.png b/public/demo/mac-light-scroll.png
new file mode 100644
index 0000000..697ac33
Binary files /dev/null and b/public/demo/mac-light-scroll.png differ
diff --git a/public/demo/mac-light.png b/public/demo/mac-light.png
new file mode 100644
index 0000000..69c3dea
Binary files /dev/null and b/public/demo/mac-light.png differ
diff --git a/public/demo/naive-dark.png b/public/demo/naive-dark.png
new file mode 100644
index 0000000..6144324
Binary files /dev/null and b/public/demo/naive-dark.png differ
diff --git a/public/demo/naive-light.png b/public/demo/naive-light.png
new file mode 100644
index 0000000..e829678
Binary files /dev/null and b/public/demo/naive-light.png differ
diff --git a/public/demo/wetype-dark-scroll.png b/public/demo/wetype-dark-scroll.png
new file mode 100644
index 0000000..0c41d9b
Binary files /dev/null and b/public/demo/wetype-dark-scroll.png differ
diff --git a/public/demo/wetype-dark.png b/public/demo/wetype-dark.png
new file mode 100644
index 0000000..3adaf83
Binary files /dev/null and b/public/demo/wetype-dark.png differ
diff --git a/public/demo/wetype-light-scroll.png b/public/demo/wetype-light-scroll.png
new file mode 100644
index 0000000..13982cd
Binary files /dev/null and b/public/demo/wetype-light-scroll.png differ
diff --git a/public/demo/wetype-light.png b/public/demo/wetype-light.png
new file mode 100644
index 0000000..b5b69ca
Binary files /dev/null and b/public/demo/wetype-light.png differ
diff --git a/public/demo/win11-dark-scroll.png b/public/demo/win11-dark-scroll.png
new file mode 100644
index 0000000..0100ded
Binary files /dev/null and b/public/demo/win11-dark-scroll.png differ
diff --git a/public/demo/win11-dark.png b/public/demo/win11-dark.png
new file mode 100644
index 0000000..8506923
Binary files /dev/null and b/public/demo/win11-dark.png differ
diff --git a/public/demo/win11-light-scroll.png b/public/demo/win11-light-scroll.png
new file mode 100644
index 0000000..9806140
Binary files /dev/null and b/public/demo/win11-light-scroll.png differ
diff --git a/public/demo/win11-light.png b/public/demo/win11-light.png
new file mode 100644
index 0000000..e298b13
Binary files /dev/null and b/public/demo/win11-light.png differ