diff --git a/src/index.tsx b/src/index.tsx
index 5c6dcf83..bf71573f 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -1,5 +1,7 @@
 import * as React from "bloatless-react";
 
+import { MessageTab } from "./messageTab";
+import { SettingsTab } from "./settingsTab";
 import { getText } from "./translations";
 
 document.body.prepend(
@@ -14,4 +16,4 @@ document.body.prepend(
     </a>
   </menu>
 );
-document.querySelector("main")!.append();
+document.querySelector("main")!.append(SettingsTab(), MessageTab());
diff --git a/src/messageTab.tsx b/src/messageTab.tsx
new file mode 100644
index 00000000..57578d0b
--- /dev/null
+++ b/src/messageTab.tsx
@@ -0,0 +1,7 @@
+import * as React from "bloatless-react";
+
+import { getText } from "./translations";
+
+export function MessageTab() {
+  return <article></article>;
+}
diff --git a/src/settingsTab.tsx b/src/settingsTab.tsx
new file mode 100644
index 00000000..ad511132
--- /dev/null
+++ b/src/settingsTab.tsx
@@ -0,0 +1,7 @@
+import * as React from "bloatless-react";
+
+import { getText } from "./translations";
+
+export function SettingsTab() {
+  return <article></article>;
+}