diff --git a/docs/vercel/src/Index.svelte b/docs/vercel/src/Index.svelte
index e95cb0458..0d10fef3a 100644
--- a/docs/vercel/src/Index.svelte
+++ b/docs/vercel/src/Index.svelte
@@ -62,13 +62,14 @@
       href="https://github.com/o2sh/onefetch">github.com/o2sh/onefetch</a>
   </p>
   <h3>Languages <small>({languages.length})</small></h3>
-  {#each languages as language}
+  {#each languages as language, index}
     <AsciiPreview
       name={language.name}
       ansi={language.ansi}
       hex={language.hex}
       ascii={language.ascii}
-      chip={language.chip} />
+      chip={language.chip}
+      {index} />
   {/each}
 </main>
 
diff --git a/docs/vercel/src/lib/AsciiPreview.svelte b/docs/vercel/src/lib/AsciiPreview.svelte
index a477bdd39..4f2f3a8b9 100644
--- a/docs/vercel/src/lib/AsciiPreview.svelte
+++ b/docs/vercel/src/lib/AsciiPreview.svelte
@@ -3,6 +3,7 @@
   import TitleLink from './TitleLink.svelte';
 
   export let name: string;
+  export let index: number;
   export let ansi: string[];
   export let hex: string[] | null = null;
   export let chip: string;
@@ -36,7 +37,7 @@
 <div class="title-row">
   <div class="language-name">
     <Chip id={name} color={chip} width={24} height={24} />
-    <TitleLink {name} />
+    <TitleLink {name} {index} />
   </div>
   <div class="checkbox">
     <input id="dark-checkbox-{name}" type="checkbox" bind:checked={dark} />
diff --git a/docs/vercel/src/lib/TitleLink.svelte b/docs/vercel/src/lib/TitleLink.svelte
index 5ca939ecf..f6f2597f9 100644
--- a/docs/vercel/src/lib/TitleLink.svelte
+++ b/docs/vercel/src/lib/TitleLink.svelte
@@ -1,8 +1,11 @@
 <script lang="ts">
   export let name: string;
+  export let index: number;
 </script>
 
-<h3 id={name}><a href="#{name}" class="title-link">{name}</a></h3>
+<h3 id="language-{index}">
+  <a href="#language-{index}" class="title-link">{name}</a>
+</h3>
 
 <style>
   .title-link,