diff --git a/karaokatalog/ui/static/components/pieces/TabBar.js b/karaokatalog/ui/static/components/pieces/TabBar.js
new file mode 100644
index 0000000..3dd4870
--- /dev/null
+++ b/karaokatalog/ui/static/components/pieces/TabBar.js
@@ -0,0 +1,16 @@
+import { Tab } from "./Tab.js"
+
+export default {
+    view() {
+        return m("nav", [
+            m(Tab, {
+                href: "/all",
+                label: "Alle",
+            }),
+            m(Tab, {
+                href: "/favorites",
+                label: "Favoriten",
+            }),
+        ])
+    },
+}