diff --git a/src/components/robot/pages/RobotIntegrationPage.tsx b/src/components/robot/pages/RobotIntegrationPage.tsx
index 6843a9b5..8c421444 100644
--- a/src/components/robot/pages/RobotIntegrationPage.tsx
+++ b/src/components/robot/pages/RobotIntegrationPage.tsx
@@ -35,7 +35,7 @@ import { getStoredRecording } from "../../../api/storage";
 import { apiUrl } from "../../../apiConfig.js";
 import { v4 as uuid } from "uuid";
 import { useTranslation } from "react-i18next";
-import { useNavigate, useParams, useLocation } from "react-router-dom";
+import { useNavigate, useLocation } from "react-router-dom";
 import {
   addWebhook,
   updateWebhook,
@@ -800,6 +800,30 @@ export const RobotIntegrationPage = ({
                 <img src="/svg/mcp.svg" alt="MCP" style={{ margin: "6px" }} />
                 MCP
               </Button>
+              <Button variant="outlined" onClick={() => { window.open("https://docs.maxun.dev/integrations/langchain", "_blank", "noopener,noreferrer"); }} style={{ display: "flex", flexDirection: "column", alignItems: "center", background: 'white', color: '#ff00c3' }}>
+                <img src="/svg/langchain.svg" alt="MCP" style={{ margin: "6px" }} height={150} width={100} />
+                LangChain
+              </Button>
+              <Button variant="outlined" onClick={() => { window.open("https://docs.maxun.dev/integrations/langgraph", "_blank", "noopener,noreferrer"); }} style={{ display: "flex", flexDirection: "column", alignItems: "center", background: 'white', color: '#ff00c3' }}>
+                <img src="/svg/langchain.svg" alt="MCP" style={{ margin: "6px" }} height={150} width={100} />
+                LangGraph
+              </Button>
+              <Button variant="outlined" onClick={() => { window.open("https://docs.maxun.dev/integrations/vercel-ai-sdk", "_blank", "noopener,noreferrer"); }} style={{ display: "flex", flexDirection: "column", alignItems: "center", background: 'white', color: '#ff00c3' }}>
+                <img src="/svg/vercel.svg" alt="MCP" style={{ margin: "6px" }} height={150} width={100} />
+                Vercel AI SDK
+              </Button>
+              <Button variant="outlined" onClick={() => { window.open("https://docs.maxun.dev/integrations/openai", "_blank", "noopener,noreferrer"); }} style={{ display: "flex", flexDirection: "column", alignItems: "center", background: 'white', color: '#ff00c3' }}>
+                <img src="/svg/openai.svg" alt="MCP" style={{ margin: "6px" }} height={150} width={100} />
+                Open AI SDK
+              </Button>
+              <Button variant="outlined" onClick={() => { window.open("https://docs.maxun.dev/integrations/mastra", "_blank", "noopener,noreferrer"); }} style={{ display: "flex", flexDirection: "column", alignItems: "center", background: 'white', color: '#ff00c3' }}>
+                <img src="/svg/mastra.svg" alt="MCP" style={{ margin: "6px" }} height={150} width={100} />
+                Mastra
+              </Button>
+              <Button variant="outlined" onClick={() => { window.open("https://docs.maxun.dev/integrations/llamaindex", "_blank", "noopener,noreferrer"); }} style={{ display: "flex", flexDirection: "column", alignItems: "center", background: 'white', color: '#ff00c3' }}>
+                <img src="/svg/llamaindex.svg" alt="MCP" style={{ margin: "6px" }} height={150} width={100} />
+                LlamaIndex
+              </Button>
             </div>
           </div>
         </div>