diff --git a/src/libs/b3-typography.svelte b/src/libs/components/b3-typography.svelte
similarity index 100%
rename from src/libs/b3-typography.svelte
rename to src/libs/components/b3-typography.svelte
diff --git a/src/libs/item-input.svelte b/src/libs/components/item-input.svelte
similarity index 100%
rename from src/libs/item-input.svelte
rename to src/libs/components/item-input.svelte
diff --git a/src/libs/item-wrap.svelte b/src/libs/components/item-wrap.svelte
similarity index 100%
rename from src/libs/item-wrap.svelte
rename to src/libs/components/item-wrap.svelte
diff --git a/src/libs/setting-panel.svelte b/src/libs/components/setting-panel.svelte
similarity index 100%
rename from src/libs/setting-panel.svelte
rename to src/libs/components/setting-panel.svelte
diff --git a/src/setting-example.svelte b/src/setting-example.svelte
index 245ed03..818dc5b 100644
--- a/src/setting-example.svelte
+++ b/src/setting-example.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
     import { showMessage } from "siyuan";
-    import SettingPanel from "./libs/setting-panel.svelte";
+    import SettingPanel from "./libs/components/setting-panel.svelte";
 
     let groups: string[] = ["🌈 Default"];
     let focusGroup = groups[0];