diff --git a/src/App.tsx b/src/App.tsx
index 6804abb..3d30371 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -6,6 +6,7 @@ import { IssuePage } from './pages/IssuePage'
 import { ProfilePage } from './pages/ProfilePage'
 import { PullPage } from './pages/PullPage'
 import { RepoPage } from './pages/RepoPage'
+import { SearchPage } from './pages/SearchPage'
 import { StringPage } from './pages/StringPage'
 
 function App() {
@@ -13,6 +14,7 @@ function App() {
     <PageLayout>
       <Routes>
         <Route index element={<HomePage />} />
+        <Route path="search" element={<SearchPage />} />
         <Route path=":repoOwner/:repo/issues/:issueOwner/:issue" element={<IssuePage />} />
         <Route path=":repoOwner/:repo/pulls/:pullOwner/:pull" element={<PullPage />} />
         <Route path=":handle/:repo/issues" element={<RepoSectionRedirect section="issues" />} />
diff --git a/src/components/layout/Header.tsx b/src/components/layout/Header.tsx
index ed40e8e..d060ac4 100644
--- a/src/components/layout/Header.tsx
+++ b/src/components/layout/Header.tsx
@@ -1,5 +1,5 @@
 import { Link } from 'react-router-dom'
-import { ActorSearch } from '../actor/ActorSearch'
+import { RepoSearch } from '../repo/RepoSearch'
 import { PageContainer } from './PageContainer'
 
 export function Header() {
@@ -14,7 +14,7 @@ export function Header() {
             snrld
           </Link>
 
-          <ActorSearch variant="compact" />
+          <RepoSearch size="header" />
         </PageContainer>
       </nav>
     </header>
diff --git a/src/components/repo/RepoSearch.tsx b/src/components/repo/RepoSearch.tsx
new file mode 100644
index 0000000..1c53e31
--- /dev/null
+++ b/src/components/repo/RepoSearch.tsx
@@ -0,0 +1,164 @@
+import { useEffect, useRef, useState } from 'react'
+import { parseResourceUri } from '@atcute/lexicons'
+import { isDid } from '@atcute/lexicons/syntax'
+import { useNavigate } from 'react-router-dom'
+import { useRepoSearch } from '../../hooks/useRepoSearch'
+import { useVisibleActor } from '../../hooks/useVisibleActor'
+import { resolveMiniDoc } from '../../lib/actor'
+import { getRepoName, getRepoRkey, type Repo } from '../../lib/tangled'
+import { usePointerDownOutside } from '../../hooks/usePointerDownOutside'
+import { ProfileAvatar } from '../profile/ProfileAvatar'
+
+type RepoSearchProps = {
+  initialQuery?: string
+  size?: 'header' | 'page'
+}
+
+const searchStyles = {
+  header: {
+    form: 'ml-auto max-w-sm border border-ctp-surface-1 bg-ctp-mantle',
+    input: 'px-3 py-1.5 text-sm',
+    button: 'px-3 py-1.5',
+  },
+  page: {
+    form: 'max-w-xl border border-ctp-surface-1 bg-ctp-mantle',
+    input: 'px-4 py-3 text-base',
+    button: 'px-4 py-3',
+  },
+}
+
+export function RepoSearch({ initialQuery = '', size = 'page' }: RepoSearchProps) {
+  const [query, setQuery] = useState('')
+  const [isSuggestionsOpen, setIsSuggestionsOpen] = useState(false)
+  const [isOpening, setIsOpening] = useState(false)
+  const [openError, setOpenError] = useState<Error | null>(null)
+  const { results, isSearching, error } = useRepoSearch(query)
+  const searchFormRef = useRef<HTMLFormElement>(null)
+  const navigate = useNavigate()
+  const styles = searchStyles[size]
+
+  usePointerDownOutside(searchFormRef, () => setIsSuggestionsOpen(false))
+
+  useEffect(() => setQuery(initialQuery), [initialQuery])
+
+  function submitSearch() {
+    const normalizedQuery = query.trim()
+    if (normalizedQuery.length === 0) return
+
+    setIsSuggestionsOpen(false)
+    navigate(`/search?q=${encodeURIComponent(normalizedQuery)}`)
+  }
+
+  async function selectRepo(repo: Repo) {
+    setIsOpening(true)
+    setOpenError(null)
+    try {
+      const owner = await resolveMiniDoc(parseResourceUri(repo.uri).repo)
+      setQuery('')
+      setIsSuggestionsOpen(false)
+      navigate(`/${owner.handle}/${encodeURIComponent(getRepoRkey(repo))}`)
+    } catch (error) {
+      setOpenError(error instanceof Error ? error : new Error('Could not open repository.'))
+    } finally {
+      setIsOpening(false)
+    }
+  }
+
+  return (
+    <form
+      ref={searchFormRef}
+      className={`relative flex w-full min-w-0 items-center ${styles.form}`}
+      onSubmit={(event) => {
+        event.preventDefault()
+        submitSearch()
+      }}
+    >
+      <input
+        type="search"
+        placeholder="Search..."
+        aria-label="Search repositories"
+        value={query}
+        onChange={(event) => {
+          setQuery(event.target.value)
+          setOpenError(null)
+          setIsSuggestionsOpen(true)
+        }}
+        className={`min-w-0 flex-1 bg-transparent font-mono text-ctp-text outline-none placeholder:text-ctp-overlay-0 ${styles.input}`}
+      />
+      <button
+        type="submit"
+        aria-label="Search repositories"
+        className={`font-mono text-ctp-overlay-1 hover:text-ctp-lavender ${styles.button}`}
+      >
+        →
+      </button>
+
+      {isSuggestionsOpen &&
+        (isSearching || isOpening || error || openError || results.length > 0) && (
+          <div className="absolute left-0 right-0 top-full z-20 mt-2 overflow-hidden rounded border border-ctp-surface-1 bg-ctp-mantle shadow-lg">
+            {isSearching || isOpening ? (
+              <p className="px-3 py-2 text-sm text-ctp-overlay-1" role="status">
+                {isOpening ? 'Opening…' : 'Searching…'}
+              </p>
+            ) : error || openError ? (
+              <p className="px-3 py-2 text-sm text-ctp-red" role="alert">
+                {error?.message ?? openError?.message}
+              </p>
+            ) : (
+              <ul aria-label="Repository suggestions" role="listbox">
+                {results.map((repo) => (
+                  <RepoSearchResult key={repo.uri} repo={repo} onSelect={selectRepo} />
+                ))}
+              </ul>
+            )}
+          </div>
+        )}
+    </form>
+  )
+}
+
+type RepoSearchResultProps = {
+  repo: Repo
+  onSelect: (repo: Repo) => Promise<void>
+}
+
+function RepoSearchResult({ repo, onSelect }: RepoSearchResultProps) {
+  const ownerIdentifier = parseResourceUri(repo.uri).repo
+  const { actor, elementRef } = useVisibleActor(isDid(ownerIdentifier) ? ownerIdentifier : null)
+  const ownerLabel = actor?.miniDoc.handle ?? ownerIdentifier
+
+  return (
+    <li ref={elementRef}>
+      <button
+        type="button"
+        role="option"
+        onClick={() => void onSelect(repo)}
+        className="flex w-full items-center gap-3 px-3 py-2 text-left hover:bg-ctp-surface-0"
+      >
+        {actor ? (
+          <ProfileAvatar
+            miniDoc={actor.miniDoc}
+            profile={actor.profile}
+            bskyProfile={actor.bskyProfile}
+            avatarUrl={actor.avatarUrl}
+            size="small"
+          />
+        ) : (
+          <span aria-hidden="true" className="size-8 shrink-0 rounded-full bg-ctp-surface-1" />
+        )}
+
+        <span className="min-w-0">
+          <span className="block truncate font-mono text-sm text-ctp-text">
+            {getRepoName(repo)}
+          </span>
+          <span className="block truncate text-xs text-ctp-overlay-1">{ownerLabel}</span>
+          {repo.value.description && (
+            <span className="line-clamp-1 block text-xs text-ctp-overlay-1">
+              {repo.value.description}
+            </span>
+          )}
+        </span>
+      </button>
+    </li>
+  )
+}
diff --git a/src/components/repo/RepoSearchResult.tsx b/src/components/repo/RepoSearchResult.tsx
new file mode 100644
index 0000000..e3c5bb1
--- /dev/null
+++ b/src/components/repo/RepoSearchResult.tsx
@@ -0,0 +1,81 @@
+import type { Handle } from '@atcute/lexicons'
+import { Link } from 'react-router-dom'
+import Markdown from 'react-markdown'
+import type { ResolvedActor } from '../../lib/actor'
+import type { Repo } from '../../lib/tangled'
+import { getRepoName, getRepoRkey } from '../../lib/tangled/repo'
+import { ProfileAvatar } from '../profile/ProfileAvatar'
+import { SurfaceCard } from '../shared/SurfaceCard'
+import { RepoStarCount } from './RepoStarCount'
+
+const MAX_VISIBLE_TOPICS = 3
+
+type RepoSearchResultProps = {
+  repo: Repo
+  handle: Handle | null
+  actor: ResolvedActor | null
+}
+
+export function RepoSearchResult({ repo, handle, actor }: RepoSearchResultProps) {
+  const { value } = repo
+  const name = getRepoName(repo)
+  const rkey = getRepoRkey(repo)
+
+  const content = (
+    <SurfaceCard
+      as="article"
+      className="group relative flex h-full flex-col p-3 transition-colors hover:border-ctp-lavender sm:p-4"
+    >
+      <header className="flex min-w-0 items-center justify-between gap-4">
+        <div className="flex min-w-0 items-center gap-2">
+          {actor ? (
+            <ProfileAvatar
+              miniDoc={actor.miniDoc}
+              profile={actor.profile}
+              bskyProfile={actor.bskyProfile}
+              avatarUrl={actor.avatarUrl}
+              size="small"
+            />
+          ) : handle ? (
+            <span className="flex size-8 shrink-0 items-center justify-center rounded-full bg-ctp-surface-1 font-mono text-sm text-ctp-lavender">
+              {handle[0].toUpperCase()}
+            </span>
+          ) : null}
+          <h2 className="truncate font-mono text-base font-semibold text-ctp-text transition-colors group-hover:text-ctp-lavender">
+            {handle && <span className="font-normal text-ctp-overlay-1">{handle}/</span>}
+            {name}
+          </h2>
+        </div>
+        <RepoStarCount repoDid={value.repoDid} />
+      </header>
+
+      {value.description && (
+        <div className="mt-3 line-clamp-2 text-sm leading-snug text-ctp-subtext-1">
+          <Markdown>{value.description}</Markdown>
+        </div>
+      )}
+
+      {value.topics && value.topics.length > 0 && (
+        <ul className="mt-auto flex flex-wrap gap-x-3 gap-y-1 pt-4" aria-label="Topics">
+          {value.topics.slice(0, MAX_VISIBLE_TOPICS).map((topic) => (
+            <li key={topic} className="font-mono text-xs text-ctp-teal">
+              #{topic}
+            </li>
+          ))}
+        </ul>
+      )}
+    </SurfaceCard>
+  )
+
+  if (handle === null) return content
+
+  return (
+    <Link
+      to={`/${handle}/${encodeURIComponent(rkey)}`}
+      className="block rounded-lg"
+      aria-label={`Open ${handle}/${name}`}
+    >
+      {content}
+    </Link>
+  )
+}
diff --git a/src/hooks/useVisibleActor.ts b/src/hooks/useVisibleActor.ts
index 98d9de0..d6f9b2e 100644
--- a/src/hooks/useVisibleActor.ts
+++ b/src/hooks/useVisibleActor.ts
@@ -1,11 +1,12 @@
 import type { Did } from '@atcute/lexicons'
 import { useEffect, useState } from 'react'
-import { resolveActor, type ResolvedActor } from '../lib/actor'
+import { resolveActor, resolveMiniDoc, type ResolvedActor } from '../lib/actor'
 import { useElementVisibility } from './useElementVisibility'
 
 type ActorState = {
   actor?: ResolvedActor
   did: Did
+  miniDoc?: ResolvedActor['miniDoc']
 }
 
 export function useVisibleActor(did: Did | null) {
@@ -17,14 +18,20 @@ export function useVisibleActor(did: Did | null) {
 
     let isCancelled = false
 
-    void resolveActor(did)
-      .then((actor) => {
-        if (!isCancelled) setState({ did, actor })
+    void resolveMiniDoc(did)
+      .then((miniDoc) => {
+        if (!isCancelled) setState({ did, miniDoc })
       })
       .catch(() => {
         if (!isCancelled) setState({ did })
       })
 
+    void resolveActor(did)
+      .then((actor) => {
+        if (!isCancelled) setState({ did, actor, miniDoc: actor.miniDoc })
+      })
+      .catch(() => undefined)
+
     return () => {
       isCancelled = true
     }
@@ -32,6 +39,7 @@ export function useVisibleActor(did: Did | null) {
 
   return {
     actor: state?.did === did ? (state.actor ?? null) : null,
+    miniDoc: state?.did === did ? (state.miniDoc ?? null) : null,
     elementRef,
     isVisible,
   }
diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx
index 5fb2c1e..7e22d31 100644
--- a/src/pages/HomePage.tsx
+++ b/src/pages/HomePage.tsx
@@ -1,4 +1,4 @@
-import { ActorSearch } from '../components/actor/ActorSearch'
+import { RepoSearch } from '../components/repo/RepoSearch'
 import { PageContainer } from '../components/layout/PageContainer'
 
 export function HomePage() {
@@ -10,7 +10,7 @@ export function HomePage() {
           <p className="font-mono text-sm text-ctp-overlay-1">An experimental Tangled client.</p>
           <h1 className="mt-3 font-mono text-2xl font-bold text-ctp-text">snrld</h1>
           <div className="mt-6 flex justify-center">
-            <ActorSearch variant="prominent" />
+            <RepoSearch />
           </div>
         </section>
       </PageContainer>
diff --git a/src/pages/SearchPage.tsx b/src/pages/SearchPage.tsx
new file mode 100644
index 0000000..bc9a11d
--- /dev/null
+++ b/src/pages/SearchPage.tsx
@@ -0,0 +1,68 @@
+import { parseResourceUri } from '@atcute/lexicons'
+import { isDid } from '@atcute/lexicons/syntax'
+import { useSearchParams } from 'react-router-dom'
+import { RepoSearch } from '../components/repo/RepoSearch'
+import { RepoSearchResult } from '../components/repo/RepoSearchResult'
+import { PageContainer } from '../components/layout/PageContainer'
+import { useRepoSearch } from '../hooks/useRepoSearch'
+import { useVisibleActor } from '../hooks/useVisibleActor'
+import type { Repo } from '../lib/tangled'
+
+const RESULTS_LIMIT = 50
+
+export function SearchPage() {
+  const [searchParams] = useSearchParams()
+  const query = searchParams.get('q')?.trim() ?? ''
+  const { results, isSearching, error } = useRepoSearch(query, {
+    limit: RESULTS_LIMIT,
+    minimumQueryLength: 1,
+  })
+
+  return (
+    <main>
+      <PageContainer className="py-8">
+        <h1 className="font-mono text-2xl font-bold text-ctp-text">Search</h1>
+        <div className="mt-5 max-w-xl">
+          <RepoSearch initialQuery={query} />
+        </div>
+
+        {query.length === 0 ? (
+          <p className="mt-8 text-sm text-ctp-subtext-0">
+            Enter a search query to find repositories.
+          </p>
+        ) : isSearching ? (
+          <p className="mt-8 text-sm text-ctp-subtext-0" role="status">
+            Searching…
+          </p>
+        ) : error ? (
+          <p className="mt-8 text-sm text-ctp-red" role="alert">
+            Could not search repositories: {error.message}
+          </p>
+        ) : results.length === 0 ? (
+          <p className="mt-8 text-sm text-ctp-subtext-0">No repositories found for “{query}”.</p>
+        ) : (
+          <ul className="mt-8 max-w-3xl space-y-3" aria-label="Repository search results">
+            {results.map((repo) => (
+              <SearchResult key={repo.uri} repo={repo} />
+            ))}
+          </ul>
+        )}
+      </PageContainer>
+    </main>
+  )
+}
+
+type SearchResultProps = { repo: Repo }
+
+function SearchResult({ repo }: SearchResultProps) {
+  const ownerIdentifier = parseResourceUri(repo.uri).repo
+  const { actor, miniDoc, elementRef } = useVisibleActor(
+    isDid(ownerIdentifier) ? ownerIdentifier : null,
+  )
+
+  return (
+    <li ref={elementRef}>
+      <RepoSearchResult repo={repo} handle={miniDoc?.handle ?? null} actor={actor} />
+    </li>
+  )
+}