diff --git a/app/components/Nav.tsx b/app/components/Nav.tsx
index 8fd95eb..038a675 100644
--- a/app/components/Nav.tsx
+++ b/app/components/Nav.tsx
@@ -1,7 +1,7 @@
 import { useState, useEffect } from 'react'
 import { Link, NavLink } from 'react-router'
 import { PencilSquareIcon, UserCircleIcon } from '@heroicons/react/24/solid'
-import { SunIcon, MoonIcon, ComputerDesktopIcon, HomeIcon, ClockIcon, UsersIcon, Cog6ToothIcon, QuestionMarkCircleIcon } from '@heroicons/react/24/outline'
+import { SunIcon, MoonIcon, ComputerDesktopIcon, HomeIcon, ClockIcon, UsersIcon, RssIcon, Cog6ToothIcon, QuestionMarkCircleIcon } from '@heroicons/react/24/outline'
 import { useAuth } from '~/lib/auth-context'
 import { getStoredTheme, persistTheme, applyTheme, type Theme } from '~/lib/theme'
 import Avatar from '~/components/Avatar'
@@ -84,6 +84,23 @@ export default function Nav() {
           </NavLink>
         )}
 
+        {!loading && session && (
+          <NavLink
+            to="/subscriptions"
+            aria-label="Subscriptions"
+            className={({ isActive }) =>
+              `flex items-center gap-1.5 transition-colors ${
+                isActive
+                  ? 'text-stone-900 dark:text-stone-100'
+                  : 'text-stone-500 dark:text-stone-400 hover:text-stone-800 dark:hover:text-stone-200'
+              }`
+            }
+          >
+            <RssIcon className="size-5 shrink-0" />
+            <span className="hidden md:inline text-sm">Subscriptions</span>
+          </NavLink>
+        )}
+
         {!loading && session && (
           <NavLink
             to="/settings"
diff --git a/app/routes.ts b/app/routes.ts
index e6e229c..c24ac01 100644
--- a/app/routes.ts
+++ b/app/routes.ts
@@ -5,6 +5,7 @@ export default [
   route("publish", "routes/publish.tsx"),
   route("recent", "routes/recent.tsx"),
   route("following", "routes/following.tsx"),
+  route("subscriptions", "routes/subscriptions.tsx"),
   route("settings", "routes/settings.tsx"),
   route("faq", "routes/faq.tsx"),
   route("help", "routes/help.tsx"),
diff --git a/app/routes/subscriptions.tsx b/app/routes/subscriptions.tsx
new file mode 100644
index 0000000..5161df2
--- /dev/null
+++ b/app/routes/subscriptions.tsx
@@ -0,0 +1,140 @@
+import { useEffect, useState } from 'react'
+import { useAuth } from '~/lib/auth-context'
+import {
+  listSubscriptions, listPublicPublications, unsubscribe,
+  type Publication,
+} from '~/lib/api-client'
+import CenteredMessage from '~/components/CenteredMessage'
+import EmptyState from '~/components/EmptyState'
+import PageLayout from '~/components/PageLayout'
+import Spinner from '~/components/Spinner'
+import { SITE_NAME } from '~/lib/site-config'
+
+export function meta() {
+  return [{ title: `Subscriptions — ${SITE_NAME}` }]
+}
+
+type SubscribedPub = Publication & { rkey: string }
+
+export default function Subscriptions() {
+  const { session, loading: authLoading } = useAuth()
+  const [pubs, setPubs] = useState<SubscribedPub[] | null>(null)
+  const [loading, setLoading] = useState(false)
+  const [error, setError] = useState<string | null>(null)
+  const [loadingPubs, setLoadingPubs] = useState<Record<string, boolean>>({})
+
+  useEffect(() => {
+    if (authLoading || !session) return
+    let cancelled = false
+    setLoading(true)
+
+    async function load() {
+      const subs = await listSubscriptions(session!)
+      if (cancelled) return
+
+      const byAuthor = new Map<string, { rkey: string; publicationAtUri: string }[]>()
+      for (const s of subs) {
+        const list = byAuthor.get(s.authorDid) ?? []
+        list.push({ rkey: s.rkey, publicationAtUri: s.publicationAtUri })
+        byAuthor.set(s.authorDid, list)
+      }
+
+      const results = await Promise.allSettled(
+        [...byAuthor.entries()].map(async ([did, entries]) => {
+          const pubList = await listPublicPublications(did)
+          return entries.flatMap(({ rkey, publicationAtUri }) => {
+            const pub = pubList.find((p) => p.atUri === publicationAtUri)
+            return pub ? [{ ...pub, rkey }] : []
+          })
+        }),
+      )
+
+      if (cancelled) return
+      setPubs(results.flatMap((r) => (r.status === 'fulfilled' ? r.value : [])))
+    }
+
+    load()
+      .catch((err) => { if (!cancelled) setError(err instanceof Error ? err.message : 'Failed to load') })
+      .finally(() => { if (!cancelled) setLoading(false) })
+
+    return () => { cancelled = true }
+  }, [session, authLoading])
+
+  async function handleUnsubscribe(pub: SubscribedPub) {
+    if (!session) return
+    setLoadingPubs((prev) => ({ ...prev, [pub.atUri]: true }))
+    try {
+      await unsubscribe(session, pub.rkey)
+      setPubs((prev) => prev?.filter((p) => p.atUri !== pub.atUri) ?? prev)
+    } catch {
+      // non-fatal
+    } finally {
+      setLoadingPubs((prev) => ({ ...prev, [pub.atUri]: false }))
+    }
+  }
+
+  if (authLoading) {
+    return (
+      <div className="flex-1 flex items-center justify-center">
+        <Spinner />
+      </div>
+    )
+  }
+
+  if (!session) {
+    return <CenteredMessage message="Sign in to view your subscriptions." action={{ label: 'Sign in', to: '/' }} />
+  }
+
+  return (
+    <PageLayout spacing="8">
+      <div>
+        <h1 className="font-display text-2xl font-semibold text-stone-900 dark:text-white">Subscriptions</h1>
+        <p className="text-sm text-stone-500 dark:text-stone-400 mt-1">Publications you follow</p>
+      </div>
+
+      {error && <p className="text-sm text-red-500">{error}</p>}
+
+      {loading && (
+        <div className="flex justify-center py-12">
+          <Spinner />
+        </div>
+      )}
+
+      {!loading && pubs !== null && pubs.length === 0 && (
+        <EmptyState
+          message="No subscriptions yet."
+          detail="Visit an author's profile and subscribe to their publication."
+        />
+      )}
+
+      {pubs !== null && pubs.length > 0 && (
+        <ul className="space-y-2">
+          {pubs.map((pub) => {
+            const isLoading = !!loadingPubs[pub.atUri]
+            return (
+              <li
+                key={pub.atUri}
+                className="flex items-center justify-between gap-4 rounded-lg border border-stone-200 dark:border-stone-700/80 px-4 py-3 bg-white dark:bg-stone-900/40"
+              >
+                <div className="min-w-0">
+                  <p className="text-sm font-medium text-stone-900 dark:text-white truncate">{pub.name}</p>
+                  <p className="text-sm text-stone-500 dark:text-stone-400 truncate mt-0.5">{new URL(pub.url).host}</p>
+                  {pub.description && (
+                    <p className="text-sm text-stone-500 dark:text-stone-400 truncate mt-0.5">{pub.description}</p>
+                  )}
+                </div>
+                <button
+                  onClick={() => handleUnsubscribe(pub)}
+                  disabled={isLoading}
+                  className="shrink-0 text-sm px-3 py-1 rounded-full border border-stone-300 dark:border-stone-600 text-stone-600 dark:text-stone-300 hover:border-stone-400 dark:hover:border-stone-500 hover:bg-stone-50 dark:hover:bg-stone-800/50 transition-colors disabled:opacity-50"
+                >
+                  {isLoading ? 'Unsubscribing…' : 'Subscribed'}
+                </button>
+              </li>
+            )
+          })}
+        </ul>
+      )}
+    </PageLayout>
+  )
+}