diff --git a/karaokatalog/ui/static/components/pieces/SearchBar.js b/karaokatalog/ui/static/components/pieces/SearchBar.js
new file mode 100644
index 0000000..5e0b1ad
--- /dev/null
+++ b/karaokatalog/ui/static/components/pieces/SearchBar.js
@@ -0,0 +1,15 @@
+import search from "../../model/search.js"
+
+export default {
+    view: function () {
+        return m("search", [
+            m("input[type=search]", {
+                value: search.query,
+                placeholder: "Songs oder Interpreten suchen...",
+                oninput: e => {
+                    search.query = e.target.value
+                },
+            }),
+        ])
+    },
+}