diff --git a/karaokatalog/ui/static/components/pages/All.js b/karaokatalog/ui/static/components/pages/All.js
new file mode 100644
index 0000000..a176834
--- /dev/null
+++ b/karaokatalog/ui/static/components/pages/All.js
@@ -0,0 +1,23 @@
+import Base from "./Base.js"
+import SongList from "../pieces/SongList.js"
+import Song from "../../model/Song.js"
+import search from "../../model/search.js"
+
+export default {
+    oncreate() {
+        document.title = "Alle Songs · Karaokatalog"
+    },
+    oninit() {
+        Song.load()
+    },
+    view() {
+        const songs = search.apply(Song.all)
+        const message = !songs ? "Lade Songs..." : songs.length === 0 ? "Keine Songs gefunden." : null
+
+        return m(
+            Base,
+            message && m("p", message),
+            songs && m(SongList, { songs })
+        )
+    },
+}