diff --git a/web/i18n/en/about/credits.md b/web/i18n/en/about/credits.md
index e164ca6a..6c001f58 100644
--- a/web/i18n/en/about/credits.md
+++ b/web/i18n/en/about/credits.md
@@ -3,6 +3,7 @@
     import { t } from "$lib/i18n/translations";
 
     import SectionHeading from "$components/misc/SectionHeading.svelte";
+    import BetaTesters from "$components/misc/BetaTesters.svelte";
 </script>
 
 <section id="testers">
@@ -13,17 +14,7 @@
 
 huge shoutout to our thing breakers for testing updates early and making sure they're stable.
 they also helped us ship cobalt 10!
-- codfish246
-- [damir](https://otomir23.me/)
-- Hunter
-- [hyperdefined](https://hyper.lol/)
-- [KwiatekMiki](https://kwiatekmiki.com/)
-- [Lao](https://lao.ooo/)
-- [lostdusty](https://lostdusty.dev.br/)
-- [noblereign](https://fursona.directory/@frost)
-- [Spax](https://spax.zone/)
-- [synzr](https://synzr.space/)
-- [vimae](https://mae.wtf/)
+<BetaTesters />
 
 all links are external and lead to their personal websites or social media.
 </section>
diff --git a/web/src/components/misc/BetaTesters.svelte b/web/src/components/misc/BetaTesters.svelte
new file mode 100644
index 00000000..df429dfd
--- /dev/null
+++ b/web/src/components/misc/BetaTesters.svelte
@@ -0,0 +1,32 @@
+<script lang="ts">
+    import OuterLink from "./OuterLink.svelte";
+
+    type Tester = { name: string, url?: string };
+    const credits: Tester[] = [
+        { name: "codfish246" },
+        { name: "damir", url: "https://otomir23.me/" },
+        { name: "Hunter" },
+        { name: "hyperdefined", url: "https://hyper.lol/" },
+        { name: "KwiatekMiki", url: "https://kwiatekmiki.com/" },
+        { name: "Lao", url: "https://lao.ooo/" },
+        { name: "lostdusty", url: "https://lostdusty.dev.br/" },
+        { name: "noblereign", url: "https://fursona.directory/@frost" },
+        { name: "Spax", url: "https://spax.zone/" },
+        { name: "synzr", url: "https://synzr.space/" },
+        { name: "vimae", url: "https://mae.wtf/" }
+    ];
+</script>
+
+<ul>
+    {#each credits as { name, url }}
+        <li>
+            {#if url}
+                <OuterLink href={url}>
+                    {name}
+                </OuterLink>
+            {:else}
+                {name}
+            {/if}
+        </li>
+    {/each}
+</ul>