diff --git a/web/src/lib/components/repo/issues/IssueCard.stories.svelte b/web/src/lib/components/repo/issues/IssueCard.stories.svelte
new file mode 100644
index 00000000..3a462985
--- /dev/null
+++ b/web/src/lib/components/repo/issues/IssueCard.stories.svelte
@@ -0,0 +1,31 @@
+<script module lang="ts">
+	import { defineMeta } from "@storybook/addon-svelte-csf";
+	import IssueCard from "./IssueCard.svelte";
+	import type { IssueSummary } from "$lib/components/repo/types";
+
+	const issue: IssueSummary = {
+		uri: "at://did:plc:3p7ejjxnufohsygt5vbyxb2i/sh.tangled.repo.issue/3mrkgcxb4m422",
+		rkey: "3mrkgcxb4m422",
+		title: "Add a full trending repositories view",
+		state: "open",
+		authorHandle: "joshka.net",
+		authorDid: "did:plc:3p7ejjxnufohsygt5vbyxb2i",
+		createdAt: "2025-06-01T10:30:00Z",
+		commentCount: 3
+	};
+
+	const { Story } = defineMeta({
+		title: "Repo/Issues/IssueCard",
+		component: IssueCard,
+		tags: ["autodocs"],
+		args: {
+			ownerHandle: "tangled.org",
+			repoName: "core",
+			issue
+		}
+	});
+</script>
+
+<Story name="Open" />
+<Story name="Closed" args={{ issue: { ...issue, state: "closed" } }} />
+<Story name="No comments" args={{ issue: { ...issue, commentCount: 0 } }} />
diff --git a/web/src/lib/components/repo/issues/IssueCard.svelte b/web/src/lib/components/repo/issues/IssueCard.svelte
new file mode 100644
index 00000000..3b693367
--- /dev/null
+++ b/web/src/lib/components/repo/issues/IssueCard.svelte
@@ -0,0 +1,47 @@
+<script lang="ts">
+	import { resolve } from "$app/paths";
+	import User from "$lib/components/ui/User.svelte";
+	import TimeAgo from "$lib/components/ui/TimeAgo.svelte";
+	import IssueStatePill from "./IssueStatePill.svelte";
+	import type { IssueSummary } from "$lib/components/repo/types";
+
+	interface Props {
+		ownerHandle: string;
+		repoName: string;
+		issue: IssueSummary;
+	}
+
+	let { ownerHandle, repoName, issue }: Props = $props();
+
+	const href = $derived(
+		resolve(`/${ownerHandle}/${repoName}/issues/${encodeURIComponent(issue.uri)}` as "/")
+	);
+</script>
+
+<div class="rounded bg-background-default px-6 py-4 shadow-sm">
+	<div class="pb-2">
+		<a {href} class="text-foreground-default no-underline">
+			<span class="hover:underline">{issue.title}</span>
+			<span class="text-foreground-subtle">#{issue.rkey}</span>
+		</a>
+	</div>
+
+	<div class="flex flex-wrap items-center gap-x-1 gap-y-1.5 text-sm text-foreground-subtle">
+		<IssueStatePill state={issue.state} />
+
+		<span class="ml-1 flex items-center gap-1">
+			<User handle={issue.authorHandle} did={issue.authorDid} />
+		</span>
+
+		<span class="before:mr-1 before:content-['·']">
+			<TimeAgo value={issue.createdAt} />
+		</span>
+
+		<span class="before:mr-1 before:content-['·']">
+			<a {href} class="text-foreground-subtle no-underline hover:underline">
+				{issue.commentCount}
+				{issue.commentCount === 1 ? "comment" : "comments"}
+			</a>
+		</span>
+	</div>
+</div>
diff --git a/web/src/routes/[handle]/[repo]/issues/+page.svelte b/web/src/routes/[handle]/[repo]/issues/+page.svelte
new file mode 100644
index 00000000..4c80616e
--- /dev/null
+++ b/web/src/routes/[handle]/[repo]/issues/+page.svelte
@@ -0,0 +1,20 @@
+<script lang="ts">
+	import IssueList from "$lib/components/repo/issues/IssueList.svelte";
+	import IssueToolbar from "$lib/components/repo/issues/IssueToolbar.svelte";
+
+	let { data } = $props();
+</script>
+
+<section class="mt-2 rounded bg-background-default px-6 py-4 text-foreground-default shadow-sm">
+	<IssueToolbar
+		ownerHandle={data.repo.ownerHandle}
+		repoName={data.repo.name}
+		state={data.state}
+		openCount={data.openCount}
+		closedCount={data.closedCount}
+	/>
+</section>
+
+<div class="mt-2">
+	<IssueList ownerHandle={data.repo.ownerHandle} repoName={data.repo.name} issues={data.issues} />
+</div>
diff --git a/web/src/routes/[handle]/[repo]/issues/+page.ts b/web/src/routes/[handle]/[repo]/issues/+page.ts
new file mode 100644
index 00000000..8596ca8e
--- /dev/null
+++ b/web/src/routes/[handle]/[repo]/issues/+page.ts
@@ -0,0 +1,56 @@
+import { createBobbinClient } from "$lib/api/client";
+import { count } from "$lib/api/count";
+import { IdentityCache } from "$lib/api/identity";
+import { listIssues } from "$lib/api/records";
+import { didFromUri, rkeyFromUri } from "$lib/api/uri";
+import type { IssueSummary } from "$lib/components/repo/types";
+import type { PageLoad } from "./$types";
+
+export const load: PageLoad = async (event) => {
+	const parent = await event.parent();
+	const state = event.url.searchParams.get("state") === "closed" ? "closed" : "open";
+	const repoDid = parent.repo.repoDid;
+
+	// no repoDid means bobbin never indexed this repo, so there is nothing to list
+	if (!repoDid) {
+		return {
+			state: state as "open" | "closed",
+			issues: [] as IssueSummary[],
+			openCount: parent.counts.issues,
+			closedCount: 0
+		};
+	}
+
+	const ctx = createBobbinClient({ serviceUrl: parent.publicConfig.bobbinUrl, fetch: event.fetch });
+
+	const [page, closed] = await Promise.all([
+		listIssues(ctx, repoDid, { state }),
+		// the layout only knows the open count; the closed tab needs its own
+		count(ctx, "sh.tangled.repo.countIssues", repoDid, { state: "closed" }).catch(() => null)
+	]);
+
+	const identity = new IdentityCache(ctx);
+	const issues: IssueSummary[] = await Promise.all(
+		page.items.map(async (item): Promise<IssueSummary> => {
+			const authorDid = didFromUri(item.uri);
+			const author = await identity.resolve(authorDid).catch(() => null);
+			return {
+				uri: item.uri,
+				rkey: rkeyFromUri(item.uri),
+				title: item.value.title,
+				state: item.state === "closed" ? "closed" : "open",
+				authorDid,
+				authorHandle: author?.handle ?? authorDid,
+				createdAt: item.value.createdAt,
+				commentCount: item.commentCount
+			};
+		})
+	);
+
+	return {
+		state: state as "open" | "closed",
+		issues,
+		openCount: parent.counts.issues,
+		closedCount: closed?.count ?? 0
+	};
+};