diff --git a/.changeset/solid-donkeys-go.md b/.changeset/solid-donkeys-go.md
new file mode 100644
index 00000000..f9e92268
--- /dev/null
+++ b/.changeset/solid-donkeys-go.md
@@ -0,0 +1,5 @@
+---
+'@devup-ui/next-plugin': patch
+---
+
+Register theme for interface
diff --git a/packages/next-plugin/src/__tests__/plugin.test.ts b/packages/next-plugin/src/__tests__/plugin.test.ts
index a436e6f7..c8a9097b 100644
--- a/packages/next-plugin/src/__tests__/plugin.test.ts
+++ b/packages/next-plugin/src/__tests__/plugin.test.ts
@@ -12,6 +12,7 @@ vi.mock('node:fs')
 vi.mock('../preload')
 vi.mock('@devup-ui/wasm', async (original) => ({
   ...(await original()),
+  registerTheme: vi.fn(),
   getThemeInterface: vi.fn(),
 }))
 
diff --git a/packages/next-plugin/src/plugin.ts b/packages/next-plugin/src/plugin.ts
index 35a7e2cd..ac2215ba 100644
--- a/packages/next-plugin/src/plugin.ts
+++ b/packages/next-plugin/src/plugin.ts
@@ -6,6 +6,7 @@ import {
   exportFileMap,
   exportSheet,
   getThemeInterface,
+  registerTheme,
 } from '@devup-ui/wasm'
 import {
   DevupUIWebpackPlugin,
@@ -66,6 +67,7 @@ export function DevupUI(
     const theme = existsSync(devupFile)
       ? JSON.parse(readFileSync(devupFile, 'utf-8'))?.['theme']
       : {}
+    registerTheme(theme)
     const themeInterface = getThemeInterface(
       libPackage,
       'DevupThemeColors',