diff --git a/apps/synapse-playground/public/github.png b/apps/synapse-playground/public/github.png
new file mode 100644
index 00000000..537c4db8
Binary files /dev/null and b/apps/synapse-playground/public/github.png differ
diff --git a/apps/synapse-playground/src/app.tsx b/apps/synapse-playground/src/app.tsx
index 675cf12e..9e74278d 100644
--- a/apps/synapse-playground/src/app.tsx
+++ b/apps/synapse-playground/src/app.tsx
@@ -6,6 +6,7 @@ import { ConnectSection } from './components/connect-section.tsx'
 import { PaymentsAccount } from './components/payments-account.tsx'
 import { Services } from './components/services.tsx'
 import { WalletMenu } from './components/wallet-menu.tsx'
+import github from '../public/github.png'
 
 export function App() {
   const { isConnected } = useAccount()
@@ -28,6 +29,16 @@ export function App() {
           <div className="flex flex-row gap-2 items-center">
             {isConnected && <WalletMenu />}
             <NetworkSelector />
+            <a
+              href="https://github.com/FilOzone/synapse-sdk"
+            >
+              <img
+                src={github}
+                alt="GitHub Repository"
+                loading="lazy"
+                className="w-10 h-10 rounded-full"
+              />
+            </a>
           </div>
         </nav>
       </header>