diff --git a/packages/pds-landing/src/lib/components/PDSPage.svelte b/packages/pds-landing/src/lib/components/PDSPage.svelte
index a60e29b..7f19adb 100644
--- a/packages/pds-landing/src/lib/components/PDSPage.svelte
+++ b/packages/pds-landing/src/lib/components/PDSPage.svelte
@@ -14,6 +14,7 @@
 	import SectionLabel from './SectionLabel.svelte';
 	import Divider from './Divider.svelte';
 	import StatusGrid from './StatusGrid.svelte';
+	import ResourceGrid from './ResourceGrid.svelte';
 	import LinkList from './LinkList.svelte';
 	import ContactSection from './ContactSection.svelte';
 	import PDSFooter from './PDSFooter.svelte';
@@ -40,6 +41,7 @@
 
 		// ── Sections ─────────────────────────────────────────────────────────
 		showStatus?: boolean;
+		showResources?: boolean;
 		showEndpoints?: boolean;
 		showLinks?: boolean;
 		showContact?: boolean;
@@ -70,6 +72,7 @@
 		tagline = 'Bluesky-compatible ATProto PDS · personal instance',
 		baseUrl = '',
 		showStatus = true,
+		showResources = true,
 		showEndpoints = true,
 		showLinks = true,
 		showContact = true,
@@ -126,6 +129,12 @@
 			<StatusGrid {baseUrl} />
 		{/if}
 
+		{#if showResources}
+			<Divider />
+			<SectionLabel label="resources" />
+			<ResourceGrid {baseUrl} />
+		{/if}
+
 		{#if showEndpoints}
 			<Divider />
 			<SectionLabel label="endpoints" />
diff --git a/packages/pds-landing/src/lib/components/ResourceGrid.svelte b/packages/pds-landing/src/lib/components/ResourceGrid.svelte
new file mode 100644
index 0000000..9be68fc
--- /dev/null
+++ b/packages/pds-landing/src/lib/components/ResourceGrid.svelte
@@ -0,0 +1,59 @@
+<script lang="ts">
+	import { onMount } from 'svelte';
+	import KVGrid from './KVGrid.svelte';
+	import type { KVItem } from './KVGrid.svelte';
+
+	interface Stats {
+		accounts?: number;
+		activeAccounts?: number;
+		repos?: number;
+		inviteCodes?: number;
+		blobs?: number;
+		blobBytes?: number;
+	}
+
+	interface Props {
+		/** Base URL to prepend to `/stats` calls. Defaults to '' (same origin). */
+		baseUrl?: string;
+	}
+
+	let { baseUrl = '' }: Props = $props();
+
+	const LOADING_ITEMS: KVItem[] = [
+		{ key: 'repos', value: '…', status: 'loading' },
+		{ key: 'blobs', value: '…', status: 'loading' },
+		{ key: 'storage', value: '…', status: 'loading' },
+		{ key: 'invite codes', value: '…', status: 'loading' },
+	];
+
+	let items: KVItem[] = $state([...LOADING_ITEMS]);
+
+	function formatBytes(bytes: number): string {
+		if (bytes === 0) return '0 B';
+		const units = ['B', 'KB', 'MB', 'GB', 'TB'];
+		const i = Math.floor(Math.log(bytes) / Math.log(1024));
+		return `${(bytes / Math.pow(1024, i)).toFixed(1)} ${units[i]}`;
+	}
+
+	function buildItems(stats: Stats): KVItem[] {
+		return [
+			{ key: 'repos', value: stats.repos?.toString() ?? '—' },
+			{ key: 'blobs', value: stats.blobs?.toString() ?? '—' },
+			{ key: 'storage', value: stats.blobBytes != null ? formatBytes(stats.blobBytes) : '—' },
+			{ key: 'invite codes', value: stats.inviteCodes?.toString() ?? '—' },
+		];
+	}
+
+	onMount(async () => {
+		try {
+			const r = await fetch(`${baseUrl}/stats`);
+			if (!r.ok) throw new Error(`HTTP ${r.status}`);
+			const stats: Stats = await r.json();
+			items = buildItems(stats);
+		} catch {
+			// leave loading placeholders
+		}
+	});
+</script>
+
+<KVGrid {items} />
diff --git a/packages/pds-landing/src/lib/index.ts b/packages/pds-landing/src/lib/index.ts
index ac381c3..937570c 100644
--- a/packages/pds-landing/src/lib/index.ts
+++ b/packages/pds-landing/src/lib/index.ts
@@ -15,6 +15,7 @@ export type { LinkItem } from './components/LinkList.svelte';
 
 // ─── Smart / data-fetching components ────────────────────────────────────────
 export { default as StatusGrid } from './components/StatusGrid.svelte';
+export { default as ResourceGrid } from './components/ResourceGrid.svelte';
 
 // ─── Compound / section components ───────────────────────────────────────────
 export { default as ContactSection } from './components/ContactSection.svelte';