diff --git a/src/components/repo/RepoIssues.tsx b/src/components/repo/RepoIssues.tsx
new file mode 100644
index 0000000..269883e
--- /dev/null
+++ b/src/components/repo/RepoIssues.tsx
@@ -0,0 +1,56 @@
+import type { Did } from '@atcute/lexicons'
+import { IconCircleDot, IconMessageCircle } from '@tabler/icons-react'
+import { useRepoIssues } from '../../hooks/useRepoIssues'
+import { SurfaceCard } from '../shared/SurfaceCard'
+
+type RepoIssuesProps = {
+  repoDid: Did
+}
+
+export function RepoIssues({ repoDid }: RepoIssuesProps) {
+  const { issues, error } = useRepoIssues(repoDid)
+
+  if (error) {
+    return <p role="alert">Could not load issues: {error.message}</p>
+  }
+
+  if (issues === null) {
+    return <p>Loading issues...</p>
+  }
+
+  if (issues.items.length === 0) {
+    return <p className="text-sm text-ctp-subtext-0">No issues found.</p>
+  }
+
+  return (
+    <ul className="space-y-3" aria-label="Issues">
+      {issues.items.map((issue) => {
+        const isOpen = issue.state === 'open'
+
+        return (
+          <li key={issue.uri}>
+            <SurfaceCard as="article" className="p-4">
+              <div className="flex items-center justify-between gap-4 font-mono text-xs">
+                <span
+                  className={`inline-flex items-center gap-1.5 ${
+                    isOpen ? 'text-ctp-teal' : 'text-ctp-overlay-1'
+                  }`}
+                >
+                  <IconCircleDot size={15} stroke={1.75} aria-hidden="true" />
+                  {issue.state}
+                </span>
+
+                <span className="inline-flex items-center gap-1.5 text-ctp-subtext-0">
+                  <IconMessageCircle size={15} stroke={1.75} aria-hidden="true" />
+                  {issue.commentCount}
+                </span>
+              </div>
+
+              <h2 className="mt-3 text-base font-semibold text-ctp-text">{issue.value.title}</h2>
+            </SurfaceCard>
+          </li>
+        )
+      })}
+    </ul>
+  )
+}
diff --git a/src/hooks/useRepoIssues.ts b/src/hooks/useRepoIssues.ts
new file mode 100644
index 0000000..5193b9b
--- /dev/null
+++ b/src/hooks/useRepoIssues.ts
@@ -0,0 +1,25 @@
+import type { Did } from '@atcute/lexicons'
+import { useEffect, useState } from 'react'
+import { listIssues, type IssueList } from '../lib/tangled/repo'
+
+const INITIAL_ISSUE_LIMIT = 20
+
+export function useRepoIssues(repoDid: Did) {
+  const [issues, setIssues] = useState<IssueList | null>(null)
+  const [error, setError] = useState<Error | null>(null)
+
+  useEffect(() => {
+    async function loadIssues() {
+      setError(null)
+      try {
+        const result = await listIssues(repoDid, { limit: INITIAL_ISSUE_LIMIT })
+        setIssues(result)
+      } catch (caught) {
+        setError(caught instanceof Error ? caught : new Error('Unable to load issues.'))
+      }
+    }
+
+    void loadIssues()
+  }, [repoDid])
+  return { issues, error }
+}
diff --git a/src/lib/tangled/repo/index.ts b/src/lib/tangled/repo/index.ts
index db45660..470db78 100644
--- a/src/lib/tangled/repo/index.ts
+++ b/src/lib/tangled/repo/index.ts
@@ -7,8 +7,8 @@ export { getRepoByRepoDid } from './getRepoByRepoDid'
 export { getRepoLog } from './getRepoLog'
 export type { RepoLogOptions } from './getRepoLog'
 export { getRepoTree } from './getRepoTree'
-export { listIssues } from './issues'
-export type { Issue, IssueList, ListIssuesOptions } from './issues'
+export { listIssues } from './listIssues'
+export type { Issue, IssueList, ListIssuesOptions } from './listIssues'
 export { listRepos } from './listRepos'
 export { getRepoName, getRepoRkey } from './types'
 export type { Repo, RepoList } from './types'
diff --git a/src/lib/tangled/repo/issues.ts b/src/lib/tangled/repo/listIssues.ts
similarity index 100%
rename from src/lib/tangled/repo/issues.ts
rename to src/lib/tangled/repo/listIssues.ts
diff --git a/src/pages/RepoPage.tsx b/src/pages/RepoPage.tsx
index 074f48f..0299dfd 100644
--- a/src/pages/RepoPage.tsx
+++ b/src/pages/RepoPage.tsx
@@ -2,6 +2,7 @@ import { useEffect, useState } from 'react'
 import { useParams, useSearchParams } from 'react-router-dom'
 import { PageContainer } from '../components/layout/PageContainer'
 import { ProfileByline } from '../components/profile/ProfileByline'
+import { RepoIssues } from '../components/repo/RepoIssues'
 import { RepoReadme } from '../components/repo/RepoReadme'
 import { parseRepoSection } from '../components/repo/repoSections'
 import { RepoTabs } from '../components/repo/RepoTabs'
@@ -73,7 +74,9 @@ export function RepoPage() {
               <RepoWorkspace repo={repo} initialTree={rootTree} />
             </div>
           )}
-          {activeSection === 'issues' && <RepoPlaceholder title="Issues" />}
+          {activeSection === 'issues' && repo.value.repoDid !== undefined && (
+            <RepoIssues repoDid={repo.value.repoDid} />
+          )}
           {activeSection === 'pulls' && <RepoPlaceholder title="Pulls" />}
           {activeSection === 'pipelines' && <RepoPlaceholder title="Pipelines" />}
         </section>