diff --git a/website/layouts/index.html b/website/layouts/index.html
index b38fddc982..31aaa3343a 100644
--- a/website/layouts/index.html
+++ b/website/layouts/index.html
@@ -1,30 +1,8 @@
 {{ define "main" }}
     <main aria-role="main">
       {{ partial "banner.html" (dict "title" "Device Repository for LoRaWAN®" "description" .Description) }}
-      <select id="tagDropdown">
-        <option value="" selected disabled>Select a Tag</option>
-        {{ $tags := slice }}
-        {{ range .Site.RegularPages }}
-            {{ $pageTags := .Params.tags }}
-            {{ range $pageTags }}
-                {{ if not (in $tags .) }}
-                    {{ $tags = $tags | append . }}
-                {{ end }}
-            {{ end }}
-        {{ end }}
-        {{ $sortedTags := $tags | sort }}
-        {{ range $sortedTags }}
-            <option value="{{ . | urlize }}">{{ . }}</option>
-        {{ end }}
-      </select>
-      <script>
-          document.getElementById("tagDropdown").addEventListener("change", function() {
-              var selectedTag = this.value;
-              if (selectedTag) {
-                  window.location.href = "{{ .Site.BaseURL }}tags/" + selectedTag + "/";
-              }
-          });
-      </script>
+      {{ partial "tagdropdown.html" . }}
+      {{ partial "vendordropdown.html" . }}
       {{ partial "device-list.html" (dict "devices" ( where site.RegularPages "Section" "devices" ) ) }}
     </main>
 {{ end }}
diff --git a/website/layouts/partials/tagdropdown.html b/website/layouts/partials/tagdropdown.html
new file mode 100644
index 0000000000..285f6fbc79
--- /dev/null
+++ b/website/layouts/partials/tagdropdown.html
@@ -0,0 +1,24 @@
+<select id="tagDropdown">
+    <option value="" selected disabled>Select a Tag</option>
+    {{ $tags := slice }}
+    {{ range .Site.RegularPages }}
+        {{ $pageTags := .Params.tags }}
+        {{ range $pageTags }}
+            {{ if not (in $tags .) }}
+                {{ $tags = $tags | append . }}
+            {{ end }}
+        {{ end }}
+    {{ end }}
+    {{ $sortedTags := $tags | sort }}
+    {{ range $sortedTags }}
+        <option value="{{ . | urlize }}">{{ . }}</option>
+    {{ end }}
+</select>
+<script>
+    document.getElementById("tagDropdown").addEventListener("change", function() {
+        var selectedTag = this.value;
+        if (selectedTag) {
+            window.location.href = "{{ .Site.BaseURL }}tags/" + selectedTag + "/";
+        }
+    });
+</script>
\ No newline at end of file
diff --git a/website/layouts/partials/vendordropdown.html b/website/layouts/partials/vendordropdown.html
new file mode 100644
index 0000000000..30e6e405c9
--- /dev/null
+++ b/website/layouts/partials/vendordropdown.html
@@ -0,0 +1,30 @@
+<select id="vendorDropdown">
+    <option value="" selected disabled>Select a Vendor</option>
+    {{ $uniqueVendors := dict }}
+    {{ $sortedVendors := slice }}
+    {{ range .Site.RegularPages }}
+        {{ with .Params.vendor }}
+            {{ $vendorID := .id | urlize }}
+            {{ $vendorName := .name }}
+            {{ with index $uniqueVendors $vendorID }}
+                {{/* Vendor already encountered, do nothing */}}
+            {{ else }}
+                {{ $uniqueVendors = $uniqueVendors | merge (dict $vendorID $vendorName) }}
+                {{ $sortedVendors = $sortedVendors | append $vendorID }}
+            {{ end }}
+        {{ end }}
+    {{ end }}
+    {{ $sortedVendors = sort $sortedVendors }}
+    {{ range $sortedVendors }}
+        <option value="{{ . }}">{{ index $uniqueVendors . }}</option>
+    {{ end }}
+</select>
+<script>
+    document.getElementById("vendorDropdown").addEventListener("change", function() {
+        var selectedVendor = this.value;
+        if (selectedVendor) {
+            // Redirect to the URL for the selected vendor
+            window.location.href = "{{ .Site.BaseURL }}devices/" + selectedVendor + "/";
+        }
+    });
+</script>