diff --git a/src/widgets/NavigationMenu/NavigationMenu.vue b/src/widgets/NavigationMenu/NavigationMenu.vue
new file mode 100644
index 0000000..26cddaf
--- /dev/null
+++ b/src/widgets/NavigationMenu/NavigationMenu.vue
@@ -0,0 +1,29 @@
+<script lang="ts">
+import type { NavigationMenuItem } from './types';
+
+export interface NavigationMenuProps {
+  items: NavigationMenuItem[];
+}
+</script>
+
+<script setup lang="ts">
+import { RouterLink } from 'vue-router';
+
+const { items } = defineProps<NavigationMenuProps>();
+</script>
+
+<template>
+  <ul class="flex items-center space-x-4">
+    <li v-for="item in items" :key="item.name">
+      <slot :item>
+        <RouterLink
+          class="p-2 rounded-md text-sm font-semibold transition-colors"
+          active-class="text-primary bg-primary/10"
+          :to="item.path"
+        >
+          {{ item.name }}
+        </RouterLink>
+      </slot>
+    </li>
+  </ul>
+</template>
diff --git a/src/widgets/NavigationMenu/index.ts b/src/widgets/NavigationMenu/index.ts
new file mode 100644
index 0000000..bf2132e
--- /dev/null
+++ b/src/widgets/NavigationMenu/index.ts
@@ -0,0 +1,2 @@
+export * from './types';
+export { default as NavigationMenu } from './NavigationMenu.vue';
\ No newline at end of file
diff --git a/src/widgets/NavigationMenu/types.ts b/src/widgets/NavigationMenu/types.ts
new file mode 100644
index 0000000..49c86c5
--- /dev/null
+++ b/src/widgets/NavigationMenu/types.ts
@@ -0,0 +1,6 @@
+import type { RouteLocationRaw } from 'vue-router';
+
+export interface NavigationMenuItem {
+  name: string;
+  path: RouteLocationRaw;
+}