diff --git a/frontend/index.html b/frontend/index.html
index 6b6278da..dd8cfd03 100644
--- a/frontend/index.html
+++ b/frontend/index.html
@@ -34,9 +34,11 @@
       }
     }(window.location))
   </script>
+  <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/AOSSIE-Org/SocialShareButton@v1.0.4/src/social-share-button.css" />
 </head>
 <body>
   <div id="root"></div>
   <script type="module" src="/src/main.jsx"></script>
+  <script src="https://cdn.jsdelivr.net/gh/AOSSIE-Org/SocialShareButton@v1.0.4/src/social-share-button.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/frontend/src/components/Navbar.jsx b/frontend/src/components/Navbar.jsx
index 74ac36ed..4378d5a7 100644
--- a/frontend/src/components/Navbar.jsx
+++ b/frontend/src/components/Navbar.jsx
@@ -205,6 +205,7 @@ function Navbar() {
                   )}
                 </motion.div>
               ))}
+            <div data-social-share></div>
             {publicItems.map((item) => (
               <motion.div
                 key={item.name}
@@ -338,6 +339,10 @@ function Navbar() {
                   </Link>
                 ))}
 
+                <div className="px-4 py-2">
+                  <div data-social-share></div>
+                </div>
+
                 <div className="px-4 py-2">
                   <ConnectButton
                     accountStatus="full"
