diff --git a/docs/.vitepress/theme/index.css b/docs/.vitepress/theme/index.css
new file mode 100644
index 0000000..64967e1
--- /dev/null
+++ b/docs/.vitepress/theme/index.css
@@ -0,0 +1,7 @@
+.medium-zoom-overlay {
+    z-index: 30;
+}
+
+.medium-zoom-image--opened {
+    z-index: 31;
+}
\ No newline at end of file
diff --git a/docs/.vitepress/theme/index.ts b/docs/.vitepress/theme/index.ts
new file mode 100644
index 0000000..43fc1cb
--- /dev/null
+++ b/docs/.vitepress/theme/index.ts
@@ -0,0 +1,22 @@
+import DefaultTheme from "vitepress/theme";
+import { onMounted, watch, nextTick } from "vue";
+import { useRoute } from "vitepress";
+import mediumZoom from "medium-zoom";
+import "./index.css";
+
+export default {
+	...DefaultTheme,
+	setup() {
+		const route = useRoute();
+		const initZoom = () => {
+			mediumZoom(".main img", { background: "var(--vp-c-bg)" });
+		};
+		onMounted(() => {
+			initZoom();
+		});
+		watch(
+			() => route.path,
+			() => nextTick(() => initZoom()),
+		);
+	},
+};
diff --git a/docs/bun.lockb b/docs/bun.lockb
index f6d6abd..0834978 100755
Binary files a/docs/bun.lockb and b/docs/bun.lockb differ
diff --git a/docs/package.json b/docs/package.json
index bdcc839..b3f9170 100644
--- a/docs/package.json
+++ b/docs/package.json
@@ -2,6 +2,7 @@
 	"dependencies": {},
 	"devDependencies": {
 		"markdown-it-task-lists": "^2.1.1",
+		"medium-zoom": "^1.1.0",
 		"vitepress": "^1.2.3"
 	},
 	"scripts": {