diff --git a/app.vue b/app.vue
index 88fdae5..d173154 100644
--- a/app.vue
+++ b/app.vue
@@ -26,7 +26,7 @@
         <div v-else-if="domain">
           No results could be fetched. Is it a valid domain?
         </div>
-        <TheShareLink v-if="crux || lighthouse" :domain="domain" :type="crux ? 'crux' : 'pagespeed-insights'"
+        <ShareLinks v-if="crux || lighthouse" :domain="domain" :type="crux ? 'crux' : 'pagespeed-insights'"
           :timestamp="crux && cruxStatus !== 'pending' ? crux.timestamp : lighthouse && lighthouseStatus !== 'pending' ? lighthouse.timestamp : undefined" />
         <details class="max-w-[500px] text-gray-400">
           <summary class="cursor-pointer">
diff --git a/components/TheShareLink.vue b/components/ShareLinks.vue
similarity index 83%
rename from components/TheShareLink.vue
rename to components/ShareLinks.vue
index ec4c06a..4a06496 100644
--- a/components/TheShareLink.vue
+++ b/components/ShareLinks.vue
@@ -15,7 +15,6 @@ const text = computed(() => props.domain
 
 const canonicalURL = computed(() => props.domain ? joinURL(`https://page-speed.dev`, props.domain) : 'https://page-speed.dev')
 const shareLink = computed(() =>
-  'https://twitter.com/intent/tweet?text=' +
   (props.domain ? encodeURIComponent([text.value, canonicalURL.value].join('\n\n')) : text.value)
 )
 
@@ -38,11 +37,18 @@ async function nativeShare () {
 
 <template>
   <div class="flex flex-col gap-2 mt-auto md:mt-8">
-    <NuxtLink type="submit"
-      class="bg-green-400 text-black hover: hover:bg-white focus:bg-white active:bg-white text-xl md:text-2xl py-2 px-6 md:self-start mb-8"
-      :href="shareLink" @click.prevent="nativeShare">
-      share results
-    </NuxtLink>
+    <div class="self-start text-gray-400">Share results</div>
+    <div class="flex flex-row gap-2 mb-7">
+      <SocialShare
+        v-for="network in ['twitter', 'whatsapp', 'telegram', 'reddit', 'pocket', 'email']"
+        :key="network"
+        :network="network"
+        :styled="true"
+        :label="false"
+        class="p-3 rounded-full opacity-70 hover:opacity-100"
+        :url="shareLink"
+      />
+    </div>
     <a v-if="type === 'crux'"
       :href="`https://lookerstudio.google.com/c/u/0/reporting/bbc5698d-57bb-4969-9e07-68810b9fa348/page/keDQB?params=%7B%22origin%22:%22https://${domain}%22%7D`"
       class="self-start underline text-gray-400 hover:text-green-400 focus:text-green-400 active:text-green-400">
diff --git a/nuxt.config.ts b/nuxt.config.ts
index e729e37..761e035 100644
--- a/nuxt.config.ts
+++ b/nuxt.config.ts
@@ -2,7 +2,7 @@
 export default defineNuxtConfig({
   devtools: { enabled: true },
   components: ['~/components/graphs', '~/components'],
-  modules: ['@unocss/nuxt', 'nuxt-og-image', 'nuxt-time', '@nuxtjs/plausible'],
+  modules: ['@unocss/nuxt', 'nuxt-og-image', 'nuxt-time', '@nuxtjs/plausible', '@stefanobartoletti/nuxt-social-share'],
   experimental: {
     appManifest: false,
     headNext: true,
diff --git a/package.json b/package.json
index d99588d..095c104 100644
--- a/package.json
+++ b/package.json
@@ -13,6 +13,7 @@
     "@azure/identity": "^4.0.1",
     "@azure/storage-blob": "^12.17.0",
     "@nuxtjs/plausible": "^0.2.4",
+    "@stefanobartoletti/nuxt-social-share": "^0.5.2",
     "@unocss/nuxt": "^0.58.5",
     "nitropack": "^2.8.1",
     "nuxt": "^3.10.1",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 57502f8..10e1623 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -22,6 +22,9 @@ dependencies:
   '@nuxtjs/plausible':
     specifier: ^0.2.4
     version: 0.2.4
+  '@stefanobartoletti/nuxt-social-share':
+    specifier: ^0.5.2
+    version: 0.5.2
   '@unocss/nuxt':
     specifier: ^0.58.5
     version: 0.58.5(postcss@8.4.33)(vite@5.0.12)(webpack@5.89.0)
@@ -2419,6 +2422,16 @@ packages:
     resolution: {integrity: sha512-XExJS3cLqgrmNBIP3bBw6+1oQ1ksGjFh0+oClDKFYpCCqx/hlqwWO5KO/S63fzUo67SxI9dMrF0y5T/Ey7h8Zw==}
     dev: false
 
+  /@stefanobartoletti/nuxt-social-share@0.5.2:
+    resolution: {integrity: sha512-Ojg+exR9c2f54O7f1yJC973m5n2qdQdnEi4P9DsDDUu6e8ee5Gi3KHbuCF+vKfftHhQQ+ZEDqD5HheRbDDad8g==}
+    dependencies:
+      '@nuxt/kit': 3.10.1
+      defu: 6.1.4
+    transitivePeerDependencies:
+      - rollup
+      - supports-color
+    dev: false
+
   /@tootallnate/once@2.0.0:
     resolution: {integrity: sha512-XCuKFP5PS55gnMVu3dty8KPatLqUoy/ZYzDzAGCQ8JNFCkLXzmI7vNHCR+XpbZaMWQK/vQubr7PkYq8g470J/A==}
     engines: {node: '>= 10'}