diff --git a/demo/src/App.tsx b/demo/src/App.tsx
index 30435cc..bd5dcb3 100644
--- a/demo/src/App.tsx
+++ b/demo/src/App.tsx
@@ -117,6 +117,17 @@ export function App() {
           <span className="demo-subtitle">The open standard for AI-generated interactive UI</span>
         </div>
         <div className="demo-header-right">
+          <a
+            className="demo-ph-badge"
+            href="https://www.producthunt.com/products/mdma-genui-for-apps?embed=true&utm_source=badge-featured&utm_medium=badge&utm_campaign=badge-mdma-genui-for-apps"
+            target="_blank"
+            rel="noopener noreferrer"
+          >
+            <img
+              alt="MDMA - GenUI for apps - Turn AI chat responses into interactive forms and workflows | Product Hunt"
+              src="https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=1162215&theme=light&t=1780988696527"
+            />
+          </a>
           <a
             className="demo-star-btn"
             href="https://github.com/MobileReality/mdma"
diff --git a/demo/src/styles.css b/demo/src/styles.css
index ad42306..0d70eef 100644
--- a/demo/src/styles.css
+++ b/demo/src/styles.css
@@ -207,6 +207,18 @@ body {
   gap: 12px;
 }
 
+.demo-ph-badge {
+  display: flex;
+  align-items: center;
+  flex-shrink: 0;
+}
+
+.demo-ph-badge img {
+  height: 34px;
+  width: auto;
+  display: block;
+}
+
 .demo-star-btn {
   display: flex;
   align-items: center;