diff --git a/app/components/Package/DownloadButton.vue b/app/components/Package/DownloadButton.vue
new file mode 100644
index 0000000000..9ad1e47cd3
--- /dev/null
+++ b/app/components/Package/DownloadButton.vue
@@ -0,0 +1,68 @@
+<script setup lang="ts">
+import type { SlimPackumentVersion } from '#shared/types'
+
+const props = defineProps<{
+  packageName: string
+  version: SlimPackumentVersion
+}>()
+
+const loading = shallowRef(false)
+
+async function getDownloadUrl(tarballUrl: string) {
+  try {
+    const response = await fetch(tarballUrl)
+    if (!response.ok) {
+      throw new Error(`Failed to fetch tarball (${response.status})`)
+    }
+    const blob = await response.blob()
+    return URL.createObjectURL(blob)
+  } catch (error) {
+    // oxlint-disable-next-line no-console -- error logging
+    console.error('failed to fetch tarball', { cause: error })
+    return null
+  }
+}
+
+async function downloadPackage() {
+  const tarballUrl = props.version.dist.tarball
+  if (!tarballUrl) return
+
+  if (loading.value) return
+  loading.value = true
+
+  const downloadUrl = await getDownloadUrl(tarballUrl)
+
+  const link = document.createElement('a')
+  link.href = downloadUrl ?? tarballUrl
+  link.download = `${props.packageName.replace(/\//g, '__')}-${props.version.version}.tgz`
+  document.body.appendChild(link)
+  link.click()
+  document.body.removeChild(link)
+
+  if (downloadUrl) {
+    URL.revokeObjectURL(downloadUrl)
+  }
+
+  loading.value = false
+}
+</script>
+
+<template>
+  <TooltipApp :text="$t('package.download.tarball')">
+    <ButtonBase
+      ref="triggerRef"
+      v-bind="$attrs"
+      type="button"
+      @click="downloadPackage"
+      :disabled="loading"
+      class="border-border-subtle bg-bg-subtle! text-xs text-fg-muted hover:enabled:(text-fg border-border-hover)"
+    >
+      <span
+        class="size-[1em]"
+        aria-hidden="true"
+        :class="loading ? 'i-lucide:loader-circle animate-spin' : 'i-lucide:download'"
+      />
+      {{ $t('package.download.button') }}
+    </ButtonBase>
+  </TooltipApp>
+</template>
diff --git a/app/components/Package/Skeleton.vue b/app/components/Package/Skeleton.vue
index cf1ee8841b..0c2409fd64 100644
--- a/app/components/Package/Skeleton.vue
+++ b/app/components/Package/Skeleton.vue
@@ -132,8 +132,11 @@
         <h2 class="text-xs font-mono text-fg-subtle uppercase tracking-wider">
           {{ $t('package.get_started.title') }}
         </h2>
-        <!-- Package manager select placeholder -->
-        <SkeletonInline class="h-7 w-24 rounded" />
+        <!-- Download button + Package manager select placeholder -->
+        <div class="flex items-center gap-2">
+          <SkeletonInline class="h-7 w-24 rounded" />
+          <SkeletonInline class="h-7 w-24 rounded" />
+        </div>
       </div>
       <!-- Terminal-style install command — matches TerminalInstall.vue -->
       <div class="bg-bg-subtle border border-border rounded-lg overflow-hidden">
diff --git a/app/pages/package/[[org]]/[name].vue b/app/pages/package/[[org]]/[name].vue
index a83a101243..309e16db74 100644
--- a/app/pages/package/[[org]]/[name].vue
+++ b/app/pages/package/[[org]]/[name].vue
@@ -771,8 +771,15 @@ const showSkeleton = shallowRef(false)
                 {{ $t('package.get_started.title') }}
               </LinkBase>
             </h2>
-            <!-- Package manager dropdown -->
-            <PackageManagerSelect />
+            <!-- Package manager dropdown + Download button -->
+            <div class="flex items-center gap-2">
+              <PackageDownloadButton
+                v-if="displayVersion"
+                :package-name="pkg.name"
+                :version="displayVersion"
+              />
+              <PackageManagerSelect />
+            </div>
           </div>
           <div>
             <div
diff --git a/i18n/locales/en.json b/i18n/locales/en.json
index f54f447012..02c1af000f 100644
--- a/i18n/locales/en.json
+++ b/i18n/locales/en.json
@@ -630,6 +630,10 @@
       "b": "{size} B",
       "kb": "{size} kB",
       "mb": "{size} MB"
+    },
+    "download": {
+      "button": "Download",
+      "tarball": "Download Tarball as .tar.gz"
     }
   },
   "connector": {
diff --git a/i18n/schema.json b/i18n/schema.json
index 151a19c977..885bd6eb5e 100644
--- a/i18n/schema.json
+++ b/i18n/schema.json
@@ -1896,6 +1896,18 @@
             }
           },
           "additionalProperties": false
+        },
+        "download": {
+          "type": "object",
+          "properties": {
+            "button": {
+              "type": "string"
+            },
+            "tarball": {
+              "type": "string"
+            }
+          },
+          "additionalProperties": false
         }
       },
       "additionalProperties": false
diff --git a/server/utils/dependency-resolver.ts b/server/utils/dependency-resolver.ts
index 2267f7a48d..b4f9a73dd0 100644
--- a/server/utils/dependency-resolver.ts
+++ b/server/utils/dependency-resolver.ts
@@ -98,6 +98,7 @@ export interface ResolvedPackage {
   name: string
   version: string
   size: number
+  tarballUrl: string
   optional: boolean
   /** Depth level (only when trackDepth is enabled) */
   depth?: DependencyDepth
@@ -152,13 +153,14 @@ export async function resolveDependencyTree(
         if (!matchesPlatform(versionData)) return
 
         const size = (versionData.dist as { unpackedSize?: number })?.unpackedSize ?? 0
+        const tarballUrl = versionData.dist?.tarball ?? ''
         const key = `${name}@${version}`
 
         // Build path for this package (path to parent + this package with version)
         const currentPath = [...path, `${name}@${version}`]
 
         if (!resolved.has(key)) {
-          const pkg: ResolvedPackage = { name, version, size, optional }
+          const pkg: ResolvedPackage = { name, version, size, tarballUrl, optional }
           if (options.trackDepth) {
             pkg.depth = level === 0 ? 'root' : level === 1 ? 'direct' : 'transitive'
             pkg.path = currentPath
diff --git a/server/utils/install-size.ts b/server/utils/install-size.ts
index 544fff16d6..431cbd9bbc 100644
--- a/server/utils/install-size.ts
+++ b/server/utils/install-size.ts
@@ -27,6 +27,7 @@ export const calculateInstallSize = defineCachedFunction(
         name: dep.name,
         version: dep.version,
         size: dep.size,
+        tarballUrl: dep.tarballUrl,
         optional: dep.optional || undefined,
       })
       totalSize += dep.size
diff --git a/shared/types/install-size.ts b/shared/types/install-size.ts
index 4d87347912..6591e7c223 100644
--- a/shared/types/install-size.ts
+++ b/shared/types/install-size.ts
@@ -2,6 +2,7 @@ export interface DependencySize {
   name: string
   version: string
   size: number
+  tarballUrl: string
   /** True if this is an optional dependency */
   optional?: boolean
 }
diff --git a/test/nuxt/a11y.spec.ts b/test/nuxt/a11y.spec.ts
index 21e9870397..24fcd7a5e8 100644
--- a/test/nuxt/a11y.spec.ts
+++ b/test/nuxt/a11y.spec.ts
@@ -187,6 +187,7 @@ import {
   PackageListControls,
   PackageListToolbar,
   PackageMaintainers,
+  PackageDownloadButton,
   PackageManagerSelect,
   PackageMetricsBadges,
   PackagePlaygrounds,
@@ -2983,6 +2984,23 @@ describe('component accessibility audits', () => {
     })
   })
 
+  describe('PackageDownloadButton', () => {
+    it('should have no accessibility violations', async () => {
+      const component = await mountSuspended(PackageDownloadButton, {
+        props: {
+          packageName: 'vue',
+          version: {
+            version: '3.5.0',
+            dist: { tarball: 'https://registry.npmjs.org/vue/-/vue-3.5.0.tgz' },
+          } as any,
+          dependencies: null,
+        },
+      })
+      const results = await runAxe(component)
+      expect(results.violations).toEqual([])
+    })
+  })
+
   // Diff components
   describe('DiffFileTree', () => {
     const mockFiles = [
diff --git a/test/unit/server/utils/dependency-analysis.spec.ts b/test/unit/server/utils/dependency-analysis.spec.ts
index 7de70859f5..9fe2b17850 100644
--- a/test/unit/server/utils/dependency-analysis.spec.ts
+++ b/test/unit/server/utils/dependency-analysis.spec.ts
@@ -57,6 +57,7 @@ describe('dependency-analysis', () => {
             optional: false,
             depth: 'root' as const,
             path: ['test-pkg@1.0.0'],
+            tarballUrl: 'https://example.com/test-pkg-1.0.0.tgz',
           },
         ],
       ])
@@ -90,6 +91,7 @@ describe('dependency-analysis', () => {
             optional: false,
             depth: 'root' as const,
             path: ['test-pkg@1.0.0'],
+            tarballUrl: 'https://example.com/test-pkg-1.0.0.tgz',
           },
         ],
         [
@@ -101,6 +103,7 @@ describe('dependency-analysis', () => {
             optional: false,
             depth: 'direct' as const,
             path: ['test-pkg@1.0.0', 'dep-a@2.0.0'],
+            tarballUrl: 'https://example.com/dep-a-2.0.0.tgz',
           },
         ],
       ])
@@ -127,6 +130,7 @@ describe('dependency-analysis', () => {
             optional: false,
             depth: 'root' as const,
             path: ['vuln-pkg@1.0.0'],
+            tarballUrl: 'https://example.com/vuln-pkg-1.0.0.tgz',
           },
         ],
       ])
@@ -181,6 +185,7 @@ describe('dependency-analysis', () => {
             optional: false,
             depth: 'root' as const,
             path: ['root@1.0.0'],
+            tarballUrl: 'https://example.com/root-1.0.0.tgz',
           },
         ],
         [
@@ -192,6 +197,7 @@ describe('dependency-analysis', () => {
             optional: false,
             depth: 'transitive' as const,
             path: ['root@1.0.0', 'middle@1.5.0', 'vuln-dep@2.0.0'],
+            tarballUrl: 'https://example.com/vuln-dep-2.0.0.tgz',
           },
         ],
       ])
@@ -231,6 +237,7 @@ describe('dependency-analysis', () => {
             optional: false,
             depth: 'root' as const,
             path: ['root@1.0.0'],
+            tarballUrl: 'https://example.com/root-1.0.0.tgz',
           },
         ],
         [
@@ -242,6 +249,7 @@ describe('dependency-analysis', () => {
             optional: false,
             depth: 'direct' as const,
             path: ['root@1.0.0', 'direct-dep@1.0.0'],
+            tarballUrl: 'https://example.com/direct-dep-1.0.0.tgz',
           },
         ],
         [
@@ -253,6 +261,7 @@ describe('dependency-analysis', () => {
             optional: false,
             depth: 'transitive' as const,
             path: ['root@1.0.0', 'direct-dep@1.0.0', 'transitive-dep@1.0.0'],
+            tarballUrl: 'https://example.com/transitive-dep-1.0.0.tgz',
           },
         ],
       ])
@@ -321,6 +330,7 @@ describe('dependency-analysis', () => {
             optional: false,
             depth: 'root' as const,
             path: ['pkg@1.0.0'],
+            tarballUrl: 'https://example.com/pkg-1.0.0.tgz',
           },
         ],
       ])
@@ -362,6 +372,7 @@ describe('dependency-analysis', () => {
             optional: false,
             depth: 'root' as const,
             path: ['pkg@1.0.0'],
+            tarballUrl: 'https://example.com/pkg-1.0.0.tgz',
           },
         ],
       ])
@@ -404,6 +415,7 @@ describe('dependency-analysis', () => {
             optional: false,
             depth: 'root' as const,
             path: ['pkg@1.0.0'],
+            tarballUrl: 'https://example.com/pkg-1.0.0.tgz',
           },
         ],
       ])
@@ -445,6 +457,7 @@ describe('dependency-analysis', () => {
             optional: false,
             depth: 'root' as const,
             path: ['pkg@1.0.0'],
+            tarballUrl: 'https://example.com/pkg-1.0.0.tgz',
           },
         ],
       ])
@@ -490,6 +503,7 @@ describe('dependency-analysis', () => {
             optional: false,
             depth: 'root' as const,
             path: ['root@1.0.0'],
+            tarballUrl: 'https://example.com/root-1.0.0.tgz',
           },
         ],
         [
@@ -502,6 +516,7 @@ describe('dependency-analysis', () => {
             depth: 'direct' as const,
             path: ['root@1.0.0', 'deprecated-pkg@2.0.0'],
             deprecated: 'This package is deprecated. Use new-pkg instead.',
+            tarballUrl: 'https://example.com/deprecated-pkg-2.0.0.tgz',
           },
         ],
       ])
@@ -531,6 +546,7 @@ describe('dependency-analysis', () => {
             optional: false,
             depth: 'root' as const,
             path: ['root@1.0.0'],
+            tarballUrl: 'https://example.com/root-1.0.0.tgz',
           },
         ],
       ])
@@ -554,6 +570,7 @@ describe('dependency-analysis', () => {
             depth: 'root' as const,
             path: ['root@1.0.0'],
             deprecated: 'Root is deprecated',
+            tarballUrl: 'https://example.com/root-1.0.0.tgz',
           },
         ],
         [
@@ -566,6 +583,7 @@ describe('dependency-analysis', () => {
             depth: 'transitive' as const,
             path: ['root@1.0.0', 'direct-dep@1.0.0', 'transitive-dep@1.0.0'],
             deprecated: 'Transitive is deprecated',
+            tarballUrl: 'https://example.com/transitive-dep-1.0.0.tgz',
           },
         ],
         [
@@ -578,6 +596,7 @@ describe('dependency-analysis', () => {
             depth: 'direct' as const,
             path: ['root@1.0.0', 'direct-dep@1.0.0'],
             deprecated: 'Direct is deprecated',
+            tarballUrl: 'https://example.com/direct-dep-1.0.0.tgz',
           },
         ],
       ])
@@ -606,6 +625,7 @@ describe('dependency-analysis', () => {
             optional: false,
             depth: 'root' as const,
             path: ['minimist@1.0.0'],
+            tarballUrl: 'https://example.com/minimist-1.0.0.tgz',
           },
         ],
       ])
@@ -669,6 +689,7 @@ describe('dependency-analysis', () => {
             optional: false,
             depth: 'root' as const,
             path: ['next@16.0.0-beta.0'],
+            tarballUrl: 'https://example.com/next-16.0.0-beta.0.tgz',
           },
         ],
       ])
@@ -732,6 +753,7 @@ describe('dependency-analysis', () => {
             optional: false,
             depth: 'root' as const,
             path: ['example@1.5.0'],
+            tarballUrl: 'https://example.com/example-1.5.0.tgz',
           },
         ],
       ])
@@ -794,6 +816,7 @@ describe('dependency-analysis', () => {
             optional: false,
             depth: 'root' as const,
             path: ['example@3.4.6'],
+            tarballUrl: 'https://example.com/example-3.4.6.tgz',
           },
         ],
       ])
@@ -862,6 +885,7 @@ describe('dependency-analysis', () => {
             optional: false,
             depth: 'root' as const,
             path: ['pkg@1.0.0'],
+            tarballUrl: 'https://example.com/pkg-1.0.0.tgz',
           },
         ],
       ])
@@ -904,6 +928,7 @@ describe('dependency-analysis', () => {
             optional: false,
             depth: 'root' as const,
             path: ['root@1.0.0'],
+            tarballUrl: 'https://example.com/root-1.0.0.tgz',
           },
         ],
         [
@@ -915,6 +940,7 @@ describe('dependency-analysis', () => {
             optional: false,
             depth: 'direct' as const,
             path: ['root@1.0.0', 'vuln-pkg@1.0.0'],
+            tarballUrl: 'https://example.com/vuln-pkg-1.0.0.tgz',
           },
         ],
         [
@@ -927,6 +953,7 @@ describe('dependency-analysis', () => {
             depth: 'direct' as const,
             path: ['root@1.0.0', 'deprecated-pkg@1.0.0'],
             deprecated: 'Use something else',
+            tarballUrl: 'https://example.com/deprecated-pkg-1.0.0.tgz',
           },
         ],
       ])
diff --git a/test/unit/server/utils/dependency-resolver.spec.ts b/test/unit/server/utils/dependency-resolver.spec.ts
index 9297baf1f4..f1beaaaf2d 100644
--- a/test/unit/server/utils/dependency-resolver.spec.ts
+++ b/test/unit/server/utils/dependency-resolver.spec.ts
@@ -199,7 +199,13 @@ describe('dependency-resolver', () => {
 
       expect(result.size).toBe(1)
       const pkg = result.get('root@1.0.0')
-      expect(pkg).toEqual({ name: 'root', version: '1.0.0', size: 5000, optional: false })
+      expect(pkg).toEqual({
+        name: 'root',
+        version: '1.0.0',
+        size: 5000,
+        tarballUrl: '',
+        optional: false,
+      })
     })
 
     it('resolves direct dependencies', async () => {