diff --git a/packages/renderer-process/src/parts/ViewletModule/ViewletModule.ts b/packages/renderer-process/src/parts/ViewletModule/ViewletModule.ts
index 2facb52c..9a846e59 100644
--- a/packages/renderer-process/src/parts/ViewletModule/ViewletModule.ts
+++ b/packages/renderer-process/src/parts/ViewletModule/ViewletModule.ts
@@ -132,6 +132,8 @@ export const load = (moduleId) => {
       return ViewletStorage
     case ViewletModuleId.Terminal:
       return import('../ViewletTerminal/ViewletTerminal.ts')
+    case ViewletModuleId.Terminal2:
+      return import('../ViewletTerminal2/ViewletTerminal2.ts')
     case ViewletModuleId.Terminals:
       return ViewletTerminals
     case ViewletModuleId.TitleBar:
diff --git a/packages/renderer-process/src/parts/ViewletModuleId/ViewletModuleId.ts b/packages/renderer-process/src/parts/ViewletModuleId/ViewletModuleId.ts
index a7f57fb4..5d983abe 100644
--- a/packages/renderer-process/src/parts/ViewletModuleId/ViewletModuleId.ts
+++ b/packages/renderer-process/src/parts/ViewletModuleId/ViewletModuleId.ts
@@ -86,6 +86,8 @@ export const Storage = 'Storage'
 
 export const Terminal = 'Terminal'
 
+export const Terminal2 = 'Terminal2'
+
 export const Terminals = 'Terminals'
 
 export const TitleBar = 'TitleBar'
diff --git a/packages/renderer-process/src/parts/ViewletTerminal2/ViewletTerminal2.ts b/packages/renderer-process/src/parts/ViewletTerminal2/ViewletTerminal2.ts
new file mode 100644
index 00000000..cbc4aae3
--- /dev/null
+++ b/packages/renderer-process/src/parts/ViewletTerminal2/ViewletTerminal2.ts
@@ -0,0 +1,11 @@
+import { Terminal } from '@xterm/xterm'
+
+export const create = () => {
+  const $Viewlet = document.createElement('div')
+  const term = new Terminal()
+  term.open($Viewlet)
+  term.write('Hello from \u001B[1;3;31mxterm.js\u001B[0m $ ')
+  return {
+    $Viewlet,
+  }
+}