diff --git a/src/components/repo/RepoReadme.tsx b/src/components/repo/RepoReadme.tsx
index 7044ba4..5f7081c 100644
--- a/src/components/repo/RepoReadme.tsx
+++ b/src/components/repo/RepoReadme.tsx
@@ -1,5 +1,6 @@
 import type { $output as RepoTreeResponse } from '@atcute/tangled/types/repo/tree'
 import { MarkdownContent } from '../shared/MarkdownContent'
+import { SurfaceCard } from '../shared/SurfaceCard'
 
 type RepoReadmeProps = {
   readme: NonNullable<RepoTreeResponse['readme']> | undefined
@@ -9,13 +10,11 @@ export function RepoReadme({ readme }: RepoReadmeProps) {
   if (!readme?.contents.trim()) return null
 
   return (
-    <details className="rounded border border-ctp-surface-1 bg-ctp-mantle p-4">
-      <summary className="cursor-pointer font-mono text-base font-semibold text-ctp-text">
-        {readme.filename}
-      </summary>
-      <MarkdownContent className="mt-4 max-h-96 overflow-auto text-sm text-ctp-subtext-1">
+    <SurfaceCard as="section" className="p-6">
+      <h2 className="font-mono text-base font-semibold text-ctp-text">{readme.filename}</h2>
+      <MarkdownContent className="mt-4 text-sm text-ctp-subtext-1">
         {readme.contents}
       </MarkdownContent>
-    </details>
+    </SurfaceCard>
   )
 }
diff --git a/src/components/repo/RepoTabs.tsx b/src/components/repo/RepoTabs.tsx
new file mode 100644
index 0000000..ffc3268
--- /dev/null
+++ b/src/components/repo/RepoTabs.tsx
@@ -0,0 +1,47 @@
+import type { Handle } from '@atcute/lexicons'
+import {
+  IconBook2,
+  IconCircleDot,
+  IconGitPullRequest,
+  IconNotebook,
+  IconRoute,
+} from '@tabler/icons-react'
+import { Tabs } from '../shared/Tabs'
+import type { RepoSection } from './repoSections'
+
+type RepoTabsProps = {
+  activeSection: RepoSection
+  handle: Handle
+  hasReadme: boolean
+  repoKey: string
+}
+
+const REPO_TABS = [
+  { label: 'Readme', section: 'readme' as const, Icon: IconBook2 },
+  { label: 'Code', section: 'code' as const, Icon: IconNotebook },
+  { label: 'Issues', section: 'issues' as const, Icon: IconCircleDot },
+  { label: 'Pulls', section: 'pulls' as const, Icon: IconGitPullRequest },
+  { label: 'Pipelines', section: 'pipelines' as const, Icon: IconRoute },
+]
+
+export function RepoTabs({ activeSection, handle, hasReadme, repoKey }: RepoTabsProps) {
+  const basePath = `/${handle}/${encodeURIComponent(repoKey)}`
+  const defaultSection = hasReadme ? 'readme' : 'code'
+
+  return (
+    <Tabs
+      ariaLabel="Repository sections"
+      items={REPO_TABS.filter((tab) => hasReadme || tab.section !== 'readme').map((tab) => {
+        const Icon = tab.Icon
+        const href = tab.section === defaultSection ? basePath : `${basePath}?view=${tab.section}`
+
+        return {
+          label: tab.label,
+          href,
+          isActive: tab.section === activeSection,
+          icon: <Icon size={16} stroke={1.75} aria-hidden="true" />,
+        }
+      })}
+    />
+  )
+}
diff --git a/src/components/repo/RepoTree.tsx b/src/components/repo/RepoTree.tsx
index ba7732d..0ca7986 100644
--- a/src/components/repo/RepoTree.tsx
+++ b/src/components/repo/RepoTree.tsx
@@ -6,22 +6,27 @@ import { LoadingPanel } from '../shared/LoadingPanel'
 import { WorkspacePaneHeader } from './WorkspacePaneHeader'
 
 type RepoTreeProps = {
+  initialTree?: RepoTreeResponse
   repo: Repo
-  onRootTree?: (tree: RepoTreeResponse) => void
 }
 
-export function RepoTree({ repo, onRootTree }: RepoTreeProps) {
+export function RepoTree({ initialTree, repo }: RepoTreeProps) {
   const [path, setPath] = useState('')
-  const [tree, setTree] = useState<RepoTreeResponse | null>(null)
+  const [tree, setTree] = useState<RepoTreeResponse | null>(initialTree ?? null)
   const [error, setError] = useState<Error | null>(null)
 
   useEffect(() => {
     setPath('')
-  }, [repo.uri])
+    setTree(initialTree ?? null)
+  }, [initialTree, repo.uri])
 
   useEffect(() => {
     let cancelled = false
 
+    if (path === '' && initialTree !== undefined) {
+      return
+    }
+
     async function loadTree() {
       setTree(null)
       setError(null)
@@ -30,7 +35,6 @@ export function RepoTree({ repo, onRootTree }: RepoTreeProps) {
         const response = await getRepoTree(repo, path)
         if (!cancelled) {
           setTree(response)
-          if (path === '') onRootTree?.(response)
         }
       } catch (caught) {
         if (!cancelled) {
@@ -44,7 +48,7 @@ export function RepoTree({ repo, onRootTree }: RepoTreeProps) {
     return () => {
       cancelled = true
     }
-  }, [onRootTree, repo, path])
+  }, [initialTree, repo, path])
 
   if (error) {
     return <p role="alert">Could not load files: {error.message}</p>
diff --git a/src/components/repo/RepoWorkspace.tsx b/src/components/repo/RepoWorkspace.tsx
index 143f64e..941a584 100644
--- a/src/components/repo/RepoWorkspace.tsx
+++ b/src/components/repo/RepoWorkspace.tsx
@@ -4,15 +4,15 @@ import { RepoLog } from './RepoLog'
 import { RepoTree } from './RepoTree'
 
 type RepoWorkspaceProps = {
+  initialTree?: RepoTreeResponse
   repo: Repo
-  onRootTree?: (tree: RepoTreeResponse) => void
 }
 
-export function RepoWorkspace({ repo, onRootTree }: RepoWorkspaceProps) {
+export function RepoWorkspace({ initialTree, repo }: RepoWorkspaceProps) {
   return (
     <div className="grid items-stretch overflow-hidden rounded border border-ctp-surface-1 bg-ctp-mantle lg:grid-cols-2">
       <div className="order-2 min-w-0 border-t border-ctp-surface-1 lg:order-1 lg:border-r lg:border-t-0">
-        <RepoTree repo={repo} onRootTree={onRootTree} />
+        <RepoTree repo={repo} initialTree={initialTree} />
       </div>
       <div className="order-1 min-w-0 lg:order-2">
         <RepoLog repo={repo} />
diff --git a/src/components/repo/repoSections.ts b/src/components/repo/repoSections.ts
new file mode 100644
index 0000000..45b5a0f
--- /dev/null
+++ b/src/components/repo/repoSections.ts
@@ -0,0 +1,11 @@
+export type RepoSection = 'readme' | 'code' | 'issues' | 'pulls' | 'pipelines'
+
+export function parseRepoSection(value: string | null, hasReadme: boolean): RepoSection {
+  if (value === 'readme' && hasReadme) return 'readme'
+  if (value === 'issues') return 'issues'
+  if (value === 'pulls') return 'pulls'
+  if (value === 'pipelines') return 'pipelines'
+  if (value === 'code') return 'code'
+
+  return hasReadme ? 'readme' : 'code'
+}
diff --git a/src/components/shared/SurfaceCard.tsx b/src/components/shared/SurfaceCard.tsx
index a0d7d7d..fe5dd4f 100644
--- a/src/components/shared/SurfaceCard.tsx
+++ b/src/components/shared/SurfaceCard.tsx
@@ -1,7 +1,7 @@
 import type { ReactNode } from 'react'
 
 type SurfaceCardProps = {
-  as?: 'article' | 'div'
+  as?: 'article' | 'div' | 'section'
   children: ReactNode
   className?: string
 }
diff --git a/src/pages/RepoPage.tsx b/src/pages/RepoPage.tsx
index 95a2569..f7c9fde 100644
--- a/src/pages/RepoPage.tsx
+++ b/src/pages/RepoPage.tsx
@@ -4,20 +4,24 @@ import { isHandle } from '@atcute/lexicons/syntax'
 import type { $output as MiniDoc } from '@atcute/microcosm/types/blue/microcosm/identity/resolveMiniDoc'
 import type { $output as RepoTreeResponse } from '@atcute/tangled/types/repo/tree'
 import { useEffect, useState } from 'react'
-import { useParams } from 'react-router-dom'
+import { useParams, useSearchParams } from 'react-router-dom'
 import { RepoPageSkeleton } from '../components/shared/PageSkeletons'
 import { PageContainer } from '../components/layout/PageContainer'
 import { ProfileByline } from '../components/profile/ProfileByline'
 import { RepoReadme } from '../components/repo/RepoReadme'
+import { RepoTabs } from '../components/repo/RepoTabs'
+import { parseRepoSection } from '../components/repo/repoSections'
 import { RepoView } from '../components/repo/RepoView'
 import { RepoWorkspace } from '../components/repo/RepoWorkspace'
+import { SurfaceCard } from '../components/shared/SurfaceCard'
 import { getProfile as getBskyProfile } from '../lib/bsky/actor'
 import { getMiniDoc } from '../lib/microcosm'
 import { getProfile, type Profile } from '../lib/tangled'
-import { getRepo, getRepoName, type Repo } from '../lib/tangled/repo'
+import { getRepo, getRepoName, getRepoRkey, getRepoTree, type Repo } from '../lib/tangled/repo'
 
 export function RepoPage() {
   const { handle: routeHandle, repo: routeRepo } = useParams()
+  const [searchParams] = useSearchParams()
   const handle = parseHandle(routeHandle)
   const [identity, setIdentity] = useState<MiniDoc | null>(null)
   const [profile, setProfile] = useState<Profile | null>(null)
@@ -41,13 +45,14 @@ export function RepoPage() {
           getBskyProfile(miniDoc).catch(() => null),
           getRepo(repoUri),
         ])
+        const rootTree = await getRepoTree(repo)
 
         if (!cancelled) {
           setIdentity(miniDoc)
           setProfile(profile)
           setBskyProfile(bskyProfile)
           setRepo(repo)
-          setRootTree(null)
+          setRootTree(rootTree)
         }
       } catch (caught) {
         if (!cancelled) {
@@ -71,10 +76,12 @@ export function RepoPage() {
     return <p role="alert">Could not load repository: {error.message}</p>
   }
 
-  if (profile === null || identity === null || repo === null) {
+  if (profile === null || identity === null || repo === null || rootTree === null) {
     return <RepoPageSkeleton />
   }
 
+  const activeSection = parseRepoSection(searchParams.get('view'), rootTree.readme !== undefined)
+
   return (
     <main>
       <PageContainer className="py-8">
@@ -87,15 +94,37 @@ export function RepoPage() {
 
         <section className="mt-8 space-y-6">
           <RepoView repo={repo} />
-          <RepoReadme readme={rootTree?.readme} />
+          <RepoTabs
+            activeSection={activeSection}
+            handle={identity.handle}
+            hasReadme={rootTree.readme !== undefined}
+            repoKey={getRepoRkey(repo)}
+          />
 
-          <RepoWorkspace repo={repo} onRootTree={setRootTree} />
+          {activeSection === 'readme' && <RepoReadme readme={rootTree.readme} />}
+          {activeSection === 'code' && <RepoWorkspace repo={repo} initialTree={rootTree} />}
+          {activeSection === 'issues' && <RepoPlaceholder title="Issues" />}
+          {activeSection === 'pulls' && <RepoPlaceholder title="Pulls" />}
+          {activeSection === 'pipelines' && <RepoPlaceholder title="Pipelines" />}
         </section>
       </PageContainer>
     </main>
   )
 }
 
+type RepoPlaceholderProps = {
+  title: string
+}
+
+function RepoPlaceholder({ title }: RepoPlaceholderProps) {
+  return (
+    <SurfaceCard as="section" className="p-8 text-center">
+      <h2 className="font-mono text-lg font-semibold text-ctp-text">{title}</h2>
+      <p className="mt-2 text-sm text-ctp-subtext-0">{title} will be available here soon.</p>
+    </SurfaceCard>
+  )
+}
+
 function parseHandle(value: string | undefined): Handle | null {
   if (value === undefined || !isHandle(value)) {
     return null