diff --git a/src/.vuepress/components/SearchInput.vue b/src/.vuepress/components/SearchInput.vue
new file mode 100644
index 0000000000000000000000000000000000000000..e2e3b8151db1c84ca93557db29b244a09a5ce82b
--- /dev/null
+++ b/src/.vuepress/components/SearchInput.vue
@@ -0,0 +1,34 @@
+<template>
+  <form action="">
+    <v-container>
+      <v-row>
+        <v-col
+          cols="6"
+        >
+          <!-- TODO: provide input for characters other than latin -->
+          <v-text-field
+            v-model="search"
+            label="Your Search String"
+            outlined
+            dense
+            hide-details
+          ></v-text-field>
+        </v-col>
+        <v-col
+          cols="2"
+          class="d-flex align-center"
+        >
+          <v-btn
+            tile
+            color="primary"
+          >
+            Start Search
+          </v-btn>
+        </v-col>
+      </v-row>
+    </v-container>
+  </form>
+</template>
+
+<style lang="scss" scoped>
+</style>
diff --git a/src/.vuepress/components/SearchResultEmpty.vue b/src/.vuepress/components/SearchResultEmpty.vue
new file mode 100644
index 0000000000000000000000000000000000000000..e9ec97aff3fda2d910037c56ccba85a1363d8c24
--- /dev/null
+++ b/src/.vuepress/components/SearchResultEmpty.vue
@@ -0,0 +1,19 @@
+<template>
+  <div>
+    <v-alert
+      border="left"
+      colored-border
+      color="red accent-4"
+      elevation="2"
+    >
+      <!--
+        TODO: provide translation
+        TODO: insert the string the user searched for in the message
+      -->
+      No search results found.
+    </v-alert>
+  </div>
+</template>
+
+<style lang="scss" scoped>
+</style>
diff --git a/src/.vuepress/components/SearchResultList.vue b/src/.vuepress/components/SearchResultList.vue
new file mode 100644
index 0000000000000000000000000000000000000000..1ad097bcde27c742b400dcef1a0e255d7170aa5d
--- /dev/null
+++ b/src/.vuepress/components/SearchResultList.vue
@@ -0,0 +1,61 @@
+<template>
+  <div>
+    <v-list
+      two-line
+      subheader
+    >
+      <!-- TODO: add actual search results hits -->
+      <v-list-item>
+        <v-list-item-content>
+          <v-list-item-title>Sheet 2A</v-list-item-title>
+          <v-list-item-subtitle>Cod. Arab. 236 Copenhagen</v-list-item-subtitle>
+        </v-list-item-content>
+      </v-list-item>
+      <v-list-item>
+        <v-list-item-content>
+          <v-list-item-title>Sheet 1</v-list-item-title>
+          <v-list-item-subtitle>Vat. Arab. 2054</v-list-item-subtitle>
+        </v-list-item-content>
+      </v-list-item>
+      <v-list-item>
+        <v-list-item-content>
+          <v-list-item-title>Sheet 194</v-list-item-title>
+          <v-list-item-subtitle>Or. 1292. The Arabic Text in Leiden.</v-list-item-subtitle>
+        </v-list-item-content>
+      </v-list-item>
+      <v-list-item>
+        <v-list-item-content>
+          <v-list-item-title>Sheet 130</v-list-item-title>
+          <v-list-item-subtitle>Mingana Arabic Christian 93</v-list-item-subtitle>
+        </v-list-item-content>
+      </v-list-item>
+      <v-list-item>
+        <v-list-item-content>
+          <v-list-item-title>Sheet 3b</v-list-item-title>
+          <v-list-item-subtitle>Cambrigde Add 3497</v-list-item-subtitle>
+        </v-list-item-content>
+      </v-list-item>
+      <v-list-item>
+        <v-list-item-content>
+          <v-list-item-title>Sheet 82a</v-list-item-title>
+          <v-list-item-subtitle>Mingana Syriac 133 ff.82v-103r</v-list-item-subtitle>
+        </v-list-item-content>
+      </v-list-item>
+      <v-list-item>
+        <v-list-item-content>
+          <v-list-item-title>Sheet 293a</v-list-item-title>
+          <v-list-item-subtitle>Vat. sir. 159. ff.293rb-299va</v-list-item-subtitle>
+        </v-list-item-content>
+      </v-list-item>
+    </v-list>
+  <div class="text-center">
+    <v-pagination
+      v-model="page"
+      :length="6"
+    ></v-pagination>
+  </div>
+  </div>
+</template>
+
+<style lang="scss" scoped>
+</style>
diff --git a/src/search.md b/src/search.md
new file mode 100644
index 0000000000000000000000000000000000000000..a209a368e6055b189917095cb19c08cf07852253
--- /dev/null
+++ b/src/search.md
@@ -0,0 +1,15 @@
+---
+home: false
+title: Search
+layout: Layout
+---
+
+# {{ $frontmatter.title }}{.text-h1 .mt-4 .mb-6 .font-weight-light .primary--text}
+
+Lorem ipsum dolor sit amut. Lorem ipsum dolor sit amut. Lorem ipsum dolor sit amut. Lorem ipsum dolor sit amut. Lorem ipsum dolor sit amut. Lorem ipsum dolor sit amut. Lorem ipsum dolor sit amut. Lorem ipsum dolor sit amut. Lorem ipsum dolor sit amut. Lorem ipsum dolor sit amut. Lorem ipsum dolor sit amut. {.body-2}
+
+<SearchInput/>
+
+<!-- TODO: check if any search results and show only one of the following two components -->
+<SearchResultList/>
+<SearchResultEmpty/>