diff --git a/website/assets/index.js b/website/assets/index.js
index 227896a..65d7a15 100644
--- a/website/assets/index.js
+++ b/website/assets/index.js
@@ -330,6 +330,13 @@
             desc: 'A decentralized, privacy-focused encrypted messenger with zero metadata leakage. Features Nexus, an integrated in-app webxdc app store.',
             platforms: 'Windows, macOS, Linux, Android',
             url: 'https://vectorapp.io'
+        },
+        ditto: {
+            name: 'Ditto',
+            img: 'assets/messengers/ditto.png',
+            desc: 'A social platform for people who want to have fun, not feed the Big Tech machine. Open source, decentralized, and entirely yours to customize and build upon. Express yourself with custom themes, Lightning payments, and an ever-growing set of content types -- including WebXDC.',
+            platforms: 'Android, iOS, Web',
+            url: 'https://ditto.pub'
         }
     };
 
diff --git a/website/assets/messengers/ditto.png b/website/assets/messengers/ditto.png
new file mode 100644
index 0000000..0b0c53c
Binary files /dev/null and b/website/assets/messengers/ditto.png differ
diff --git a/website/index.html b/website/index.html
index e0dd24d..8260647 100644
--- a/website/index.html
+++ b/website/index.html
@@ -51,6 +51,7 @@ <h3 class="subtitle hero-subtitle">
                     <button class="messenger-btn" data-messenger="cheogram">Cheogram</button>
                     <button class="messenger-btn" data-messenger="w2g">Watch2Gether</button>
                     <button class="messenger-btn" data-messenger="vector">Vector</button>
+                    <button class="messenger-btn" data-messenger="ditto">Ditto</button>
                 </div>
             </div>
             <div class="column has-text-centered">