diff --git a/apps/www/content/docs/mcp.mdx b/apps/www/content/docs/mcp.mdx
index 0522a55aa..f5c364a44 100644
--- a/apps/www/content/docs/mcp.mdx
+++ b/apps/www/content/docs/mcp.mdx
@@ -28,6 +28,7 @@ This is useful for Magic UI because you can now give your AI-assisted IDE direct
     <TabsTrigger value="cursor">Cursor</TabsTrigger>
     <TabsTrigger value="windsurf">Windsurf</TabsTrigger>
     <TabsTrigger value="claude">Claude</TabsTrigger>
+    <TabsTrigger value="codex">Codex</TabsTrigger>
     <TabsTrigger value="cline">Cline</TabsTrigger>
     <TabsTrigger value="roo-cline">Roo-Cline</TabsTrigger>
   </TabsList>
@@ -51,6 +52,13 @@ This is useful for Magic UI because you can now give your AI-assisted IDE direct
     npx @magicuidesign/cli@latest install claude
     ```
 
+  </TabsContent>
+  <TabsContent value="codex">
+
+    ```bash
+    npx @magicuidesign/cli@latest install codex
+    ```
+
   </TabsContent>
   <TabsContent value="cline">