diff --git a/vue/src/components/PinnedRecipeBar.vue b/vue/src/components/PinnedRecipeBar.vue
new file mode 100644
index 000000000..267d67dc5
--- /dev/null
+++ b/vue/src/components/PinnedRecipeBar.vue
@@ -0,0 +1,23 @@
+<template>
+  <div>
+
+    <nav class="navbar navbar-expand-lg navbar-light bg-header"
+         style="position: sticky; top: 0; left: 0; z-index: 1000;">
+
+
+      <div class="collapse navbar-collapse" id="navbarText">
+      </div>
+    </nav>
+
+  </div>
+</template>
+
+<script>
+export default {
+  name: "PinnedRecipeBar"
+}
+</script>
+
+<style scoped>
+
+</style>
\ No newline at end of file