diff --git a/web/templates/repo_list.html b/web/templates/repo_list.html
new file mode 100644
index 0000000..7d1642e
--- /dev/null
+++ b/web/templates/repo_list.html
@@ -0,0 +1,34 @@
+{{define "repo_list"}}
+<div style="display: flex; flex-direction: column; gap: 0;">
+    {{range .Config.Repositories}}
+    <div
+        style="padding: 1.5rem 0; border-top: 1px solid var(--border-color); display: flex; justify-content: space-between; align-items: flex-start;">
+        <div>
+            <div style="display: flex; align-items: center; gap: 0.5rem; margin-bottom: 0.5rem;">
+                <h3 style="font-size: 1.25rem;"><a href="/repo?name={{.Name}}"
+                        style="color: var(--accent-color); font-weight: 700;">{{.Name}}</a></h3>
+            </div>
+            {{if .Description}}
+            <div style="color: var(--text-secondary); font-size: 0.9rem; margin-bottom: 1rem;">
+                {{.Description}}
+            </div>
+            {{end}}
+            <div style="display: flex; gap: 1rem; font-size: 0.8rem; color: var(--text-muted);">
+                <div style="display: flex; align-items: center;">
+                    <span class="lang-circle" style="background: {{languageColor .Language}};"></span> {{.Language}}
+                </div>
+                <div>{{.UpdatedAt}}</div>
+            </div>
+        </div>
+    </div>
+    {{end}}
+
+    {{if not .Config.Repositories}}
+    <div class="empty-repos-container">
+        <h3 style="margin-bottom: 0.5rem;">No repositories found</h3>
+        <p style="color: var(--text-muted);">Configure <code>repo_path</code> in your config or ensure you have git
+            folders in the current directory.</p>
+    </div>
+    {{end}}
+</div>
+{{end}}
\ No newline at end of file