diff --git a/app/components/CopyToClipboardButton.vue b/app/components/CopyToClipboardButton.vue
new file mode 100644
index 000000000..c88be9e62
--- /dev/null
+++ b/app/components/CopyToClipboardButton.vue
@@ -0,0 +1,84 @@
+<script setup lang="ts">
+defineOptions({
+  inheritAttrs: false,
+})
+
+const props = defineProps<{
+  copied: boolean
+  copyText?: string
+  copiedText?: string
+  ariaLabelCopy?: string
+  ariaLabelCopied?: string
+}>()
+
+const buttonCopyText = computed(() => props.copyText || $t('common.copy'))
+const buttonCopiedText = computed(() => props.copiedText || $t('common.copied'))
+const buttonAriaLabelCopy = computed(() => props.ariaLabelCopy || $t('common.copy'))
+const buttonAriaLabelCopied = computed(() => props.ariaLabelCopied || $t('common.copied'))
+
+const emit = defineEmits<{
+  click: []
+}>()
+
+function handleClick() {
+  emit('click')
+}
+</script>
+
+<template>
+  <div class="group relative" v-bind="$attrs">
+    <slot />
+    <button
+      type="button"
+      @click="handleClick"
+      class="absolute z-20 inset-is-0 top-full inline-flex items-center gap-1 px-2 py-1 rounded border text-xs font-mono whitespace-nowrap transition-all duration-150 opacity-0 -translate-y-1 pointer-events-none group-hover:opacity-100 group-hover:translate-y-0 group-hover:pointer-events-auto focus-visible:opacity-100 focus-visible:translate-y-0 focus-visible:pointer-events-auto"
+      :class="[
+        $style.copyButton,
+        copied ? 'text-accent bg-accent/10' : 'text-fg-muted bg-bg border-border',
+      ]"
+      :aria-label="copied ? buttonAriaLabelCopied : buttonAriaLabelCopy"
+    >
+      <span
+        :class="copied ? 'i-lucide:check' : 'i-lucide:copy'"
+        class="w-3.5 h-3.5"
+        aria-hidden="true"
+      />
+      {{ copied ? buttonCopiedText : buttonCopyText }}
+    </button>
+  </div>
+</template>
+
+<style module>
+.copyButton {
+  clip: rect(0 0 0 0);
+  clip-path: inset(50%);
+  height: 1px;
+  overflow: hidden;
+  width: 1px;
+  transition:
+    opacity 0.25s 0.1s,
+    translate 0.15s 0.1s,
+    clip 0.01s 0.34s allow-discrete,
+    clip-path 0.01s 0.34s allow-discrete,
+    height 0.01s 0.34s allow-discrete,
+    width 0.01s 0.34s allow-discrete;
+}
+
+:global(.group):hover .copyButton,
+.copyButton:focus-visible {
+  clip: auto;
+  clip-path: none;
+  height: auto;
+  overflow: visible;
+  width: auto;
+  transition:
+    opacity 0.15s,
+    translate 0.15s;
+}
+
+@media (hover: none) {
+  .copyButton {
+    display: none;
+  }
+}
+</style>
diff --git a/app/pages/compare.vue b/app/pages/compare.vue
index ac2fbcf60..e93ee6d6e 100644
--- a/app/pages/compare.vue
+++ b/app/pages/compare.vue
@@ -1,6 +1,8 @@
 <script setup lang="ts">
 import { NO_DEPENDENCY_ID } from '~/composables/usePackageComparison'
 import { useRouteQuery } from '@vueuse/router'
+import { escapeHtml } from '#shared/utils/html'
+import { NPMX_SITE } from '#shared/utils/constants'
 
 definePageMeta({
   name: 'compare',
@@ -8,6 +10,8 @@ definePageMeta({
 
 const router = useRouter()
 const canGoBack = useCanGoBack()
+const { copied, copy } = useClipboard({ copiedDuring: 2000 })
+const gridRef = useTemplateRef<HTMLDivElement>('gridRef')
 
 // Sync packages with URL query param (stable ref - doesn't change on other query changes)
 const packagesParam = useRouteQuery<string>('packages', '', { mode: 'replace' })
@@ -79,6 +83,57 @@ const gridHeaders = computed(() =>
   gridColumns.value.map(col => (col.version ? `${col.name}@${col.version}` : col.name)),
 )
 
+function copyComparisonGridAsMd() {
+  const grid = gridRef.value?.querySelector('.comparison-grid')
+  if (!grid) return
+  const md = gridToMarkdown(grid as HTMLElement)
+  copy(md)
+}
+
+/*
+ * Convert the comparison grid DOM to a Markdown table.
+ * We build a proper HTML <table> from the grid structure and delegate to `htmlToMarkdown` for the actual conversion.
+ */
+function gridToMarkdown(gridEl: HTMLElement): string {
+  const children = Array.from(gridEl.children)
+  const headerRow = children[0]
+  const dataRows = children.slice(1)
+
+  if (!headerRow || dataRows.length === 0) return ''
+
+  const headerCells = Array.from(headerRow.children).slice(1)
+  if (headerCells.length === 0) return ''
+
+  const ths = headerCells.map(cell => {
+    const link = cell.querySelector('a')
+    if (link) {
+      const href = link.getAttribute('href') || ''
+      const absoluteHref = /^https?:\/\/|^\/\//.test(href) ? href : `${NPMX_SITE}${href}`
+      return `<th><a href="${escapeHtml(absoluteHref)}">${escapeHtml(link.textContent?.trim() || '')}</a></th>`
+    }
+    return `<th>${escapeHtml(cell.textContent?.trim() || '')}</th>`
+  })
+
+  const trs = dataRows.map(row => {
+    const rowChildren = Array.from(row.children)
+    const label = rowChildren[0]?.textContent?.trim() || ''
+    const valueCells = rowChildren.slice(1)
+    const tds = [label, ...valueCells.map(cell => cell.textContent?.trim() || '-')]
+      .map(v => `<td>${escapeHtml(v)}</td>`)
+      .join('')
+    return `<tr>${tds}</tr>`
+  })
+
+  const tableHtml = [
+    '<table>',
+    `<thead><tr><th>Metric</th>${ths.join('')}</tr></thead>`,
+    `<tbody>${trs.join('')}</tbody>`,
+    '</table>',
+  ].join('')
+
+  return htmlToMarkdown(tableHtml, { tablePipeAlign: false })
+}
+
 useSeoMeta({
   title: () =>
     packages.value.length > 0
@@ -193,7 +248,23 @@ useSeoMeta({
 
       <!-- Comparison grid -->
       <section v-if="canCompare" class="mt-10" aria-labelledby="comparison-heading">
-        <h2 id="comparison-heading" class="text-xs text-fg-subtle uppercase tracking-wider mb-4">
+        <CopyToClipboardButton
+          v-if="packagesData && packagesData.some(p => p !== null)"
+          :copied="copied"
+          :copy-text="$t('compare.packages.copy_as_markdown')"
+          class="mb-4 inline-block hidden md:inline-flex"
+          @click="copyComparisonGridAsMd"
+        >
+          <h2 id="comparison-heading" class="text-xs text-fg-subtle uppercase tracking-wider">
+            {{ $t('compare.packages.section_comparison') }}
+          </h2>
+        </CopyToClipboardButton>
+
+        <h2
+          v-else
+          id="comparison-heading"
+          class="text-xs text-fg-subtle uppercase tracking-wider mb-4"
+        >
           {{ $t('compare.packages.section_comparison') }}
         </h2>
 
@@ -209,7 +280,7 @@ useSeoMeta({
 
         <div v-else-if="packagesData && packagesData.some(p => p !== null)">
           <!-- Desktop: Grid layout -->
-          <div class="hidden md:block overflow-x-auto">
+          <div ref="gridRef" class="hidden md:block overflow-x-auto">
             <CompareComparisonGrid :columns="gridColumns" :show-no-dependency="showNoDependency">
               <CompareFacetRow
                 v-for="facet in selectedFacets"
@@ -241,7 +312,7 @@ useSeoMeta({
           </div>
 
           <h2
-            id="comparison-heading"
+            id="trends-comparison-heading"
             class="text-xs text-fg-subtle uppercase tracking-wider mb-4 mt-10"
           >
             {{ $t('compare.facets.trends.title') }}
diff --git a/app/pages/package/[[org]]/[name].vue b/app/pages/package/[[org]]/[name].vue
index 1ded55a34..6ba140d1a 100644
--- a/app/pages/package/[[org]]/[name].vue
+++ b/app/pages/package/[[org]]/[name].vue
@@ -669,7 +669,12 @@ const showSkeleton = shallowRef(false)
       >
         <!-- Package name and version -->
         <div class="flex items-baseline gap-x-2 gap-y-1 sm:gap-x-3 flex-wrap min-w-0">
-          <div class="group relative flex flex-col items-start min-w-0">
+          <CopyToClipboardButton
+            :copied="copiedPkgName"
+            :copy-text="$t('package.copy_name')"
+            class="flex flex-col items-start min-w-0"
+            @click="copyPkgName()"
+          >
             <h1
               class="font-mono text-2xl sm:text-3xl font-medium min-w-0 break-words"
               :title="pkg.name"
@@ -683,30 +688,14 @@ const showSkeleton = shallowRef(false)
                 {{ orgName ? pkg.name.replace(`@${orgName}/`, '') : pkg.name }}
               </span>
             </h1>
+          </CopyToClipboardButton>
 
-            <!-- Floating copy name button -->
-            <button
-              type="button"
-              @click="copyPkgName()"
-              class="absolute z-20 inset-is-0 top-full inline-flex items-center gap-1 px-2 py-1 rounded border text-xs font-mono whitespace-nowrap transition-all duration-150 opacity-0 -translate-y-1 pointer-events-none group-hover:opacity-100 group-hover:translate-y-0 group-hover:pointer-events-auto focus-visible:opacity-100 focus-visible:translate-y-0 focus-visible:pointer-events-auto"
-              :class="[
-                $style.copyButton,
-                copiedPkgName ? 'text-accent bg-accent/10' : 'text-fg-muted bg-bg border-border',
-              ]"
-              :aria-label="copiedPkgName ? $t('common.copied') : $t('package.copy_name')"
-            >
-              <span
-                :class="copiedPkgName ? 'i-lucide:check' : 'i-lucide:copy'"
-                class="w-3.5 h-3.5"
-                aria-hidden="true"
-              />
-              {{ copiedPkgName ? $t('common.copied') : $t('package.copy_name') }}
-            </button>
-          </div>
-
-          <span
+          <CopyToClipboardButton
             v-if="resolvedVersion"
-            class="inline-flex items-baseline gap-1.5 font-mono text-base sm:text-lg text-fg-muted shrink-0 relative group"
+            :copied="copiedVersion"
+            :copy-text="$t('package.copy_version')"
+            class="inline-flex items-baseline gap-1.5 font-mono text-base sm:text-lg text-fg-muted shrink-0"
+            @click="copyVersion()"
           >
             <!-- Version resolution indicator (e.g., "latest → 4.2.0") -->
             <template v-if="requestedVersion && resolvedVersion !== requestedVersion">
@@ -749,26 +738,7 @@ const showSkeleton = shallowRef(false)
               class="text-fg-subtle text-sm shrink-0"
               >{{ $t('package.not_latest') }}</span
             >
-
-            <!-- Floating copy version button -->
-            <button
-              type="button"
-              @click="copyVersion()"
-              class="absolute z-20 inset-is-0 top-full inline-flex items-center gap-1 px-2 py-1 rounded border text-xs font-mono whitespace-nowrap transition-all duration-150 opacity-0 -translate-y-1 pointer-events-none group-hover:opacity-100 group-hover:translate-y-0 group-hover:pointer-events-auto focus-visible:opacity-100 focus-visible:translate-y-0 focus-visible:pointer-events-auto"
-              :class="[
-                $style.copyButton,
-                copiedVersion ? 'text-accent bg-accent/10' : 'text-fg-muted bg-bg border-border',
-              ]"
-              :aria-label="copiedVersion ? $t('common.copied') : $t('package.copy_version')"
-            >
-              <span
-                :class="copiedVersion ? 'i-lucide:check' : 'i-lucide:copy'"
-                class="w-3.5 h-3.5"
-                aria-hidden="true"
-              />
-              {{ copiedVersion ? $t('common.copied') : $t('package.copy_version') }}
-            </button>
-          </span>
+          </CopyToClipboardButton>
 
           <!-- Docs + Code + Compare — inline on desktop, floating bottom bar on mobile -->
           <ButtonGroup
@@ -1541,39 +1511,6 @@ const showSkeleton = shallowRef(false)
   grid-area: sidebar;
 }
 
-.copyButton {
-  clip: rect(0 0 0 0);
-  clip-path: inset(50%);
-  height: 1px;
-  overflow: hidden;
-  width: 1px;
-  transition:
-    opacity 0.25s 0.1s,
-    translate 0.15s 0.1s,
-    clip 0.01s 0.34s allow-discrete,
-    clip-path 0.01s 0.34s allow-discrete,
-    height 0.01s 0.34s allow-discrete,
-    width 0.01s 0.34s allow-discrete;
-}
-
-:global(.group):hover .copyButton,
-.copyButton:focus-visible {
-  clip: auto;
-  clip-path: none;
-  height: auto;
-  overflow: visible;
-  width: auto;
-  transition:
-    opacity 0.15s,
-    translate 0.15s;
-}
-
-@media (hover: none) {
-  .copyButton {
-    display: none;
-  }
-}
-
 /* Mobile floating nav: safe-area positioning + kbd hiding */
 @media (max-width: 639.9px) {
   .packageNav {
diff --git a/app/utils/html-to-markdown.ts b/app/utils/html-to-markdown.ts
new file mode 100644
index 000000000..514dddc47
--- /dev/null
+++ b/app/utils/html-to-markdown.ts
@@ -0,0 +1,21 @@
+import { parseFragment } from 'parse5'
+import { fromParse5 } from 'hast-util-from-parse5'
+import { toMdast } from 'hast-util-to-mdast'
+import { toMarkdown as mdastToMarkdown } from 'mdast-util-to-markdown'
+import { gfmTableToMarkdown } from 'mdast-util-gfm-table'
+
+export interface HtmlToMarkdownOptions {
+  /** Whether to pad table columns to equal width (default: `true`). */
+  tablePipeAlign?: boolean
+}
+
+/**
+ * Convert an HTML string to Markdown
+ */
+export function htmlToMarkdown(html: string, options: HtmlToMarkdownOptions = {}): string {
+  const { tablePipeAlign = true } = options
+  const dom = parseFragment(html)
+  const hast = fromParse5(dom)
+  const mdast = toMdast(hast)
+  return mdastToMarkdown(mdast, { extensions: [gfmTableToMarkdown({ tablePipeAlign })] })
+}
diff --git a/i18n/locales/en.json b/i18n/locales/en.json
index 96ba7e6f2..b06608b9f 100644
--- a/i18n/locales/en.json
+++ b/i18n/locales/en.json
@@ -910,6 +910,7 @@
       "section_packages": "Packages",
       "section_facets": "Facets",
       "section_comparison": "Comparison",
+      "copy_as_markdown": "Copy table",
       "loading": "Loading package data...",
       "error": "Failed to load package data. Please try again.",
       "empty_title": "Select packages to compare",
diff --git a/i18n/locales/pl-PL.json b/i18n/locales/pl-PL.json
index 24771900d..b033f15a7 100644
--- a/i18n/locales/pl-PL.json
+++ b/i18n/locales/pl-PL.json
@@ -910,6 +910,7 @@
       "section_packages": "Pakiety",
       "section_facets": "Aspekty",
       "section_comparison": "Porównanie",
+      "copy_as_markdown": "Kopiuj tabelę",
       "loading": "Ładowanie danych pakietów...",
       "error": "Nie udało się wczytać danych pakietów. Spróbuj ponownie.",
       "empty_title": "Wybierz pakiety do porównania",
diff --git a/i18n/schema.json b/i18n/schema.json
index 10e36631b..258f98e74 100644
--- a/i18n/schema.json
+++ b/i18n/schema.json
@@ -2734,6 +2734,9 @@
             "section_comparison": {
               "type": "string"
             },
+            "copy_as_markdown": {
+              "type": "string"
+            },
             "loading": {
               "type": "string"
             },
diff --git a/lunaria/files/en-GB.json b/lunaria/files/en-GB.json
index 407219967..522deda4f 100644
--- a/lunaria/files/en-GB.json
+++ b/lunaria/files/en-GB.json
@@ -909,6 +909,7 @@
       "section_packages": "Packages",
       "section_facets": "Facets",
       "section_comparison": "Comparison",
+      "copy_as_markdown": "Copy table",
       "loading": "Loading package data...",
       "error": "Failed to load package data. Please try again.",
       "empty_title": "Select packages to compare",
diff --git a/lunaria/files/en-US.json b/lunaria/files/en-US.json
index b8bb158d6..2936f9bee 100644
--- a/lunaria/files/en-US.json
+++ b/lunaria/files/en-US.json
@@ -909,6 +909,7 @@
       "section_packages": "Packages",
       "section_facets": "Facets",
       "section_comparison": "Comparison",
+      "copy_as_markdown": "Copy table",
       "loading": "Loading package data...",
       "error": "Failed to load package data. Please try again.",
       "empty_title": "Select packages to compare",
diff --git a/lunaria/files/pl-PL.json b/lunaria/files/pl-PL.json
index b5ad2d225..fbbb92d7b 100644
--- a/lunaria/files/pl-PL.json
+++ b/lunaria/files/pl-PL.json
@@ -909,6 +909,7 @@
       "section_packages": "Pakiety",
       "section_facets": "Aspekty",
       "section_comparison": "Porównanie",
+      "copy_as_markdown": "Kopiuj tabelę",
       "loading": "Ładowanie danych pakietów...",
       "error": "Nie udało się wczytać danych pakietów. Spróbuj ponownie.",
       "empty_title": "Wybierz pakiety do porównania",
diff --git a/package.json b/package.json
index c577f0508..88e85e9c6 100644
--- a/package.json
+++ b/package.json
@@ -86,7 +86,12 @@
     "fast-npm-meta": "1.0.0",
     "focus-trap": "^7.8.0",
     "gray-matter": "4.0.3",
+    "hast-util-from-parse5": "8.0.3",
+    "hast-util-to-mdast": "10.1.2",
     "marked": "17.0.1",
+    "mdast-util-gfm-table": "2.0.0",
+    "mdast-util-to-markdown": "2.1.2",
+    "parse5": "8.0.0",
     "module-replacements": "2.11.0",
     "nuxt": "4.3.1",
     "nuxt-og-image": "5.1.13",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index f3dc72e60..1df2c641d 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -131,9 +131,21 @@ importers:
       gray-matter:
         specifier: 4.0.3
         version: 4.0.3
+      hast-util-from-parse5:
+        specifier: 8.0.3
+        version: 8.0.3
+      hast-util-to-mdast:
+        specifier: 10.1.2
+        version: 10.1.2
       marked:
         specifier: 17.0.1
         version: 17.0.1
+      mdast-util-gfm-table:
+        specifier: 2.0.0
+        version: 2.0.0
+      mdast-util-to-markdown:
+        specifier: 2.1.2
+        version: 2.1.2
       module-replacements:
         specifier: 2.11.0
         version: 2.11.0
@@ -149,6 +161,9 @@ importers:
       ohash:
         specifier: 2.0.11
         version: 2.0.11
+      parse5:
+        specifier: 8.0.0
+        version: 8.0.0
       perfect-debounce:
         specifier: 2.1.0
         version: 2.1.0
diff --git a/server/utils/docs/render.ts b/server/utils/docs/render.ts
index b7b6b6c1f..8acd56e9d 100644
--- a/server/utils/docs/render.ts
+++ b/server/utils/docs/render.ts
@@ -10,7 +10,8 @@ import type { DenoDocNode, JsDocTag } from '#shared/types/deno-doc'
 import { highlightCodeBlock } from '../shiki'
 import { formatParam, formatType, getNodeSignature } from './format'
 import { groupMergedByKind } from './processing'
-import { createSymbolId, escapeHtml, parseJsDocLinks, renderMarkdown } from './text'
+import { escapeHtml } from '#shared/utils/html'
+import { createSymbolId, parseJsDocLinks, renderMarkdown } from './text'
 import type { MergedSymbol, SymbolLookup } from './types'
 
 // =============================================================================
diff --git a/server/utils/docs/text.ts b/server/utils/docs/text.ts
index 7cb574903..553820d5a 100644
--- a/server/utils/docs/text.ts
+++ b/server/utils/docs/text.ts
@@ -9,6 +9,7 @@
 
 import { highlightCodeBlock } from '../shiki'
 import type { SymbolLookup } from './types'
+import { escapeHtml } from '#shared/utils/html'
 
 /**
  * Strip ANSI escape codes from text.
@@ -21,20 +22,6 @@ export function stripAnsi(text: string): string {
   return text.replace(ANSI_PATTERN, '')
 }
 
-/**
- * Escape HTML special characters.
- *
- * @internal Exported for testing
- */
-export function escapeHtml(text: string): string {
-  return text
-    .replace(/&/g, '&amp;')
-    .replace(/</g, '&lt;')
-    .replace(/>/g, '&gt;')
-    .replace(/"/g, '&quot;')
-    .replace(/'/g, '&#39;')
-}
-
 /**
  * Clean up symbol names by stripping esm.sh prefixes.
  *
diff --git a/shared/utils/html.ts b/shared/utils/html.ts
new file mode 100644
index 000000000..c60f4c482
--- /dev/null
+++ b/shared/utils/html.ts
@@ -0,0 +1,12 @@
+/**
+ * Escape HTML special characters to prevent XSS and ensure safe embedding.
+ * Handles text content and attribute values (`&`, `<`, `>`, `"`, `'`).
+ */
+export function escapeHtml(text: string): string {
+  return text
+    .replace(/&/g, '&amp;')
+    .replace(/</g, '&lt;')
+    .replace(/>/g, '&gt;')
+    .replace(/"/g, '&quot;')
+    .replace(/'/g, '&#39;')
+}
diff --git a/test/nuxt/a11y.spec.ts b/test/nuxt/a11y.spec.ts
index 23ffb915a..fe0c33059 100644
--- a/test/nuxt/a11y.spec.ts
+++ b/test/nuxt/a11y.spec.ts
@@ -124,6 +124,7 @@ import {
   CodeFileTree,
   CodeMobileTreeDrawer,
   CodeViewer,
+  CopyToClipboardButton,
   CollapsibleSection,
   ColumnPicker,
   CompareComparisonGrid,
@@ -1895,6 +1896,26 @@ describe('component accessibility audits', () => {
     })
   })
 
+  describe('CopyToClipboardButton', () => {
+    it('should have no accessibility violations in default state', async () => {
+      const component = await mountSuspended(CopyToClipboardButton, {
+        props: { copied: false },
+        slots: { default: '<code>npm install vue</code>' },
+      })
+      const results = await runAxe(component)
+      expect(results.violations).toEqual([])
+    })
+
+    it('should have no accessibility violations in copied state', async () => {
+      const component = await mountSuspended(CopyToClipboardButton, {
+        props: { copied: true },
+        slots: { default: '<code>npm install vue</code>' },
+      })
+      const results = await runAxe(component)
+      expect(results.violations).toEqual([])
+    })
+  })
+
   describe('CollapsibleSection', () => {
     it('should have no accessibility violations', async () => {
       const component = await mountSuspended(CollapsibleSection, {
diff --git a/test/unit/server/utils/docs/text.spec.ts b/test/unit/server/utils/docs/text.spec.ts
index a928d45fe..db14e848c 100644
--- a/test/unit/server/utils/docs/text.spec.ts
+++ b/test/unit/server/utils/docs/text.spec.ts
@@ -1,11 +1,7 @@
 import { describe, expect, it } from 'vitest'
 import * as fc from 'fast-check'
-import {
-  escapeHtml,
-  parseJsDocLinks,
-  renderMarkdown,
-  stripAnsi,
-} from '../../../../../server/utils/docs/text'
+import { escapeHtml } from '#shared/utils/html'
+import { parseJsDocLinks, renderMarkdown, stripAnsi } from '../../../../../server/utils/docs/text'
 import type { SymbolLookup } from '../../../../../server/utils/docs/types'
 
 describe('stripAnsi', () => {