diff --git a/components/CompatibilitySection.tsx b/components/CompatibilitySection.tsx
index 4c0742d..8733079 100644
--- a/components/CompatibilitySection.tsx
+++ b/components/CompatibilitySection.tsx
@@ -128,6 +128,12 @@ const agents: AgentEntry[] = [
     url: "https://uipath.github.io/uipath-python",
     imageSrc: "/logos/uipath.svg",
   },
+  {
+    name: "Vibe",
+    from: "Mistral AI",
+    url: "https://github.com/mistralai/mistral-vibe",
+    imageSrc: "/logos/vibe-logo.svg",
+  },
 ];
 
 const shuffleAgents = (items: AgentEntry[]) => {
diff --git a/public/logos/vibe-logo.svg b/public/logos/vibe-logo.svg
new file mode 100644
index 0000000..017c658
--- /dev/null
+++ b/public/logos/vibe-logo.svg
@@ -0,0 +1,12 @@
+<svg width="48" height="48" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="5.35791" y="5.35803" width="3.45679" height="3.11111" fill="#FFD700"/>
+<rect x="19.1851" y="5.35803" width="3.45679" height="3.11111" fill="#FFD700"/>
+<rect x="12.2715" y="15.7284" width="3.45679" height="3.11111" fill="#FA500F"/>
+<rect x="5.35791" y="15.7284" width="3.45679" height="3.11111" fill="#FA500F"/>
+<rect x="19.1851" y="15.7284" width="3.45679" height="3.11111" fill="#FA500F"/>
+<rect x="5.35791" y="8.81482" width="6.91358" height="3.11111" fill="#FFAF00"/>
+<rect x="1.90137" y="19.1852" width="10.3704" height="3.11111" fill="#E92700"/>
+<rect x="15.7285" y="19.1852" width="10.3704" height="3.11111" fill="#E92700"/>
+<rect x="5.35791" y="12.2716" width="17.284" height="3.11111" fill="#FF8205"/>
+<rect x="15.7285" y="8.81482" width="6.91358" height="3.11111" fill="#FFAF00"/>
+</svg>