WIP: integrations landing

katmayb · katmayb · commit 3a2373b55dc1 · 2025-09-11T16:34:03.000-04:00
diff --git a/src/docs.json b/src/docs.json
@@ -687,6 +687,7 @@
                       {
                         "group": "Integrations",
                         "pages": [
+                          "langsmith/integrations",
                           "langsmith/trace-with-langchain",
                           "langsmith/trace-with-langgraph",
                           "langsmith/trace-anthropic",
@@ -1706,6 +1707,7 @@
                       {
                         "group": "Integrations",
                         "pages": [
+                          "langsmith/integrations",
                           "langsmith/trace-with-langchain",
                           "langsmith/trace-with-langgraph",
                           "langsmith/trace-anthropic",
diff --git a/src/langsmith/images/OpenAI-black-monoblossom.svg b/src/langsmith/images/OpenAI-black-monoblossom.svg
@@ -0,0 +1,23 @@
+<svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="721"
+    height="721"
+    fill="none"
+  >
+    <g clipPath="url(#a)">
+      <g clipPath="url(#b)">
+        <path
+          fill="#000"
+          d="M304.246 294.611v-45.583c0-3.839 1.441-6.719 4.798-8.636l91.648-52.78c12.475-7.197 27.35-10.554 42.702-10.554 57.577 0 94.046 44.624 94.046 92.124 0 3.358 0 7.197-.481 11.036l-95.005-55.66c-5.757-3.357-11.517-3.357-17.274 0l-120.434 70.053Zm213.999 177.534V363.224c0-6.719-2.881-11.517-8.637-14.875l-120.434-70.053 39.345-22.553c3.358-1.917 6.238-1.917 9.596 0l91.647 52.78c26.392 15.356 44.143 47.982 44.143 79.648 0 36.465-21.59 70.054-55.66 83.97v.004Zm-242.308-95.963-39.345-23.03c-3.357-1.917-4.798-4.798-4.798-8.637V238.956c0-51.339 39.345-90.207 92.606-90.207 20.155 0 38.864 6.719 54.702 18.714l-94.524 54.701c-5.756 3.357-8.636 8.155-8.636 14.875v139.147l-.005-.004Zm84.689 48.94-56.38-31.667v-67.172l56.38-31.667 56.376 31.667v67.172l-56.376 31.667Zm36.226 145.867c-20.154 0-38.863-6.719-54.701-18.713l94.523-54.702c5.757-3.357 8.637-8.155 8.637-14.875V343.552l39.827 23.03c3.357 1.917 4.798 4.797 4.798 8.637v105.559c0 51.339-39.827 90.207-93.084 90.207v.004ZM283.134 463.99l-91.648-52.779c-26.392-15.357-44.143-47.982-44.143-79.649 0-36.946 22.072-70.053 56.137-83.969v109.398c0 6.719 2.881 11.517 8.637 14.875l119.957 69.571-39.345 22.553c-3.357 1.917-6.238 1.917-9.595 0Zm-5.275 78.69c-54.22 0-94.046-40.785-94.046-91.166 0-3.839.481-7.678.958-11.517l94.524 54.701c5.756 3.358 11.517 3.358 17.273 0l120.434-69.571v45.583c0 3.839-1.44 6.719-4.798 8.636l-91.647 52.78c-12.476 7.197-27.351 10.554-42.703 10.554h.005Zm118.993 57.096c58.059 0 106.518-41.263 117.558-95.964 53.739-13.916 88.286-64.297 88.286-115.636 0-33.589-14.393-66.214-40.304-89.726 2.399-10.077 3.839-20.154 3.839-30.226 0-68.613-55.66-119.957-119.957-119.957-12.952 0-25.428 1.917-37.904 6.238-21.595-21.113-51.344-34.547-83.97-34.547-58.058 0-106.517 41.262-117.557 95.963-53.739 13.916-88.286 64.297-88.286 115.636 0 33.589 14.393 66.214 40.304 89.726-2.399 10.077-3.839 20.154-3.839 30.227 0 68.613 55.66 119.956 119.956 119.956 12.953 0 25.429-1.917 37.905-6.238 21.59 21.113 51.339 34.548 83.969 34.548Z"
+        />
+      </g>
+    </g>
+    <defs>
+      <clipPath id="a">
+        <path fill="#fff" d="M.607.1h720v720h-720z" />
+      </clipPath>
+      <clipPath id="b">
+        <path fill="#fff" d="M118.557 119.958h484.139v479.818H118.557z" />
+      </clipPath>
+    </defs>
+  </svg>
diff --git a/src/langsmith/integrations.mdx b/src/langsmith/integrations.mdx
@@ -0,0 +1,87 @@
+---
+title: Integrations
+sidebarTitle: Overview
+mode: wide
+---
+
+LangSmith provides support for LangChain and LangGraph as well as integrations with a growing set of popular agent frameworks and LLM providers. This overview highlights some of the integrations in each category, while the complete list of supported integrations have dedicated guide pages in the navigation bar for setup and usage.
+
+## Native open source frameworks
+
+<Columns cols={2}>
+    <Card
+    title="LangChain"
+    icon="/images/brand/favicon.svg"
+    href="/langsmith/trace-with-langchain" horizontal>
+    </Card>
+    <Card
+    title="LangGraph"
+    icon="link"
+    href="/langsmith/observability-quickstart" horizontal>
+    </Card>
+
+</Columns>
+
+## LLM providers
+
+<Columns cols={2}>
+    <Card
+    title="OpenAI"
+    icon="/langsmith/images/OpenAI-black-monoblossom.svg"
+    horizontal>
+    </Card>
+
+    <Card
+    title="Anthropic"
+    icon="pencil"
+    href="/langsmith/prompt-engineering-quickstart" horizontal>
+    </Card>
+
+</Columns>
+
+## Agent frameworks
+
+<Columns cols={4}>
+    <Card
+    title="AutoGen"
+    icon="fa fa-microsoft"
+    href="/langsmith/evaluation-quickstart" horizontal>
+    </Card>
+
+    <Card
+    title="CrewAI"
+    icon="chart-simple"
+    href="/langsmith/evaluation-quickstart" horizontal>
+    </Card>
+
+    <Card
+    title="Google ADK"
+    icon="chart-simple"
+    href="/langsmith/evaluation-quickstart" horizontal>
+    </Card>
+
+    <Card
+    title="Instructor"
+    icon="chart-simple"
+    href="/langsmith/evaluation-quickstart" horizontal>
+    </Card>
+
+    <Card
+    title="OpenAI Agents"
+    icon="/langsmith/images/OpenAI-black-monoblossom.svg"
+    href="/langsmith/administration-overview" horizontal>
+    </Card>
+
+    <Card
+    title="Semantic Kernel"
+    icon="chart-simple"
+    href="/langsmith/evaluation-quickstart" horizontal>
+    </Card>
+
+    <Card
+    title="Vercel AI SDK"
+    icon="chart-simple"
+    href="/langsmith/evaluation-quickstart" horizontal>
+    </Card>
+
+</Columns>
