> ## Documentation Index
> Fetch the complete documentation index at: https://launchdarkly-preview.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Welcome to LaunchDarkly Docs

> LaunchDarkly serves a suite of tools that help you ship your code safer, faster, and more effectively with whatever language and frameworks you use today.

> For the complete documentation index, see [llms.txt](/llms.txt). For the full documentation snapshot, see [llms-full.txt](/llms-full.txt).

<section className="relative overflow-hidden border-b border-slate-200/70 dark:border-white/10">
  <div className="pointer-events-none absolute inset-0 bg-cover bg-center bg-no-repeat opacity-90 dark:hidden" style={{ backgroundImage: "url('https://files.buildwithfern.com/https://launchdarkly.docs.buildwithfern.com/docs/feaf854d68b7ff408c5f0a3bb5473f9997273a5cbc0c6e02f285e646b078b4b2/assets/images/homepage/bg--homepage-hero-light.svg')" }} />

  <div className="pointer-events-none absolute inset-0 hidden bg-cover bg-center bg-no-repeat opacity-90 dark:block" style={{ backgroundImage: "url('https://files.buildwithfern.com/https://launchdarkly.docs.buildwithfern.com/docs/585a8f10d100e59d893abb3d2c22b16fef41698326760f05d8339eb5f38a8472/assets/images/homepage/bg--homepage-hero-dark.svg')" }} />

  <div className="relative mx-auto grid max-w-7xl grid-cols-1 items-center gap-10 px-4 py-16 sm:px-6 lg:grid-cols-[minmax(0,1fr)_auto] lg:gap-16 lg:px-8 lg:py-24">
    <div className="max-w-2xl">
      <p className="m-0 text-xs font-semibold uppercase tracking-[0.16em] text-[#6D6E71] dark:text-[#A7A9AC]">
        Get started
      </p>

      <h1 className="mt-6 text-4xl font-bold leading-[1.05] tracking-tight text-[#2c2c2c] dark:text-white sm:text-5xl lg:text-6xl">
        Welcome to LaunchDarkly Docs
      </h1>

      <p className="mt-6 max-w-xl text-base leading-relaxed text-[#58595B] dark:text-[#D1D3D4] sm:text-lg">
        LaunchDarkly serves a suite of tools that help you ship your code safer,
        faster, and more effectively with whatever language and frameworks you
        use today.
      </p>

      <div className="mt-9 flex flex-col gap-4 sm:flex-row">
        <a href="https://app.launchdarkly.com/signup" className="inline-flex items-center justify-center rounded-full px-9 py-4 text-base font-semibold text-white no-underline transition hover:brightness-90" style={{ background: "linear-gradient(179deg, #405bff 1%, #7084ff 123%)" }}>
          Try it free →
        </a>

        <a href="https://demo.app.launchdarkly.com/" className="inline-flex items-center justify-center rounded-full border border-[#405BFF] bg-transparent px-9 py-4 text-base font-semibold text-[#405BFF] no-underline transition hover:border-[#7084FF] hover:text-[#7084FF] dark:border-[#7084FF] dark:text-[#7084FF]">
          Explore the demo project →
        </a>
      </div>
    </div>

    <div className="grid w-full grid-cols-2 gap-4 lg:w-[420px]">
      <a href="/home/getting-started/feature-management" aria-label="CodeControl" className="group block overflow-hidden rounded-2xl no-underline transition hover:brightness-[1.06]">
        <img src="https://files.buildwithfern.com/https://launchdarkly.docs.buildwithfern.com/docs/3f17b45bd565a34eee412ec99a7ea6d52884704488e79896d5b08101b525316d/assets/images/homepage/CodeControl.svg" alt="CodeControl" noZoom className="block aspect-square w-full" />
      </a>

      <a href="/home/getting-started" aria-label="AgentControl" className="group block overflow-hidden rounded-2xl no-underline transition hover:brightness-[1.06]">
        <img src="https://files.buildwithfern.com/https://launchdarkly.docs.buildwithfern.com/docs/6632b9f62cf5a27d04c33a74c25c03c4982036ec08161c086c783070f444aa44/assets/images/homepage/AgentControl.svg" alt="AgentControl" noZoom className="block aspect-square w-full" />
      </a>
    </div>
  </div>
</section>

<div className="mx-auto max-w-7xl px-4 pt-14 sm:px-6 lg:px-8">
  <a href="/home/releases/release-management" className="group relative block overflow-hidden rounded-3xl border border-slate-200 bg-cover bg-center bg-no-repeat px-7 py-10 no-underline transition hover:brightness-[1.03] dark:border-white/10 sm:px-12 sm:py-14" style={{ backgroundImage: "url('https://files.buildwithfern.com/https://launchdarkly.docs.buildwithfern.com/docs/362d465fc80139c98d91acb26e981df8cfb1dfaef491f31379c74bbd04d0254c/assets/images/homepage/ReleaseManagement.svg')" }}>
    <div className="relative max-w-xl">
      <h2 className="m-0 text-2xl font-bold tracking-tight text-white sm:text-3xl">
        Build a strong foundation with release management
      </h2>

      <p className="mt-4 text-base leading-relaxed text-white/85">
        Streamline releases and ship with confidence thanks to LaunchDarkly's
        best practices, governance features, and built-in automation.
      </p>

      <span className="mt-6 inline-flex items-center gap-2 text-sm font-semibold text-white">
        Explore release management

        <svg width="16" height="16" viewBox="0 0 24 24" fill="none" style={{ flexShrink: 0 }} className="transition-transform group-hover:translate-x-1">
          <path d="M5 12h14m0 0l-6-6m6 6l-6 6" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
        </svg>
      </span>
    </div>
  </a>
</div>

<section className="mx-auto max-w-7xl px-4 pt-20 sm:px-6 lg:px-8">
  <h2 className="text-2xl font-bold tracking-tight text-[#2c2c2c] dark:text-white sm:text-3xl">
    Start here
  </h2>

  <div className="mt-8 grid grid-cols-1 gap-5 md:grid-cols-3">
    <a href="/home/getting-started" className="group flex h-full flex-col rounded-2xl border border-slate-200 bg-white p-6 no-underline transition hover:-translate-y-0.5 hover:border-[#405BFF] hover:shadow-lg hover:shadow-[#405BFF]/5 dark:border-white/10 dark:bg-white/[0.03] dark:hover:border-[#7084FF]">
      <div className="flex h-11 w-11 items-center justify-center rounded-xl bg-[#405BFF]/10 text-[#405BFF] dark:bg-[#7084FF]/15 dark:text-[#7084FF]">
        <svg width="22" height="22" viewBox="0 0 24 24" fill="none" style={{ flexShrink: 0 }}>
          <path d="M12 2l2.39 4.84L19.7 7.6l-3.85 3.75.91 5.3L12 14.15 7.24 16.65l.91-5.3L4.3 7.6l5.31-.76L12 2z" stroke="currentColor" strokeWidth="1.7" strokeLinejoin="round" />
        </svg>
      </div>

      <h3 className="mt-5 text-lg font-semibold text-[#2c2c2c] dark:text-white">
        Build your first app
      </h3>

      <p className="mt-2 text-sm leading-relaxed text-[#58595B] dark:text-[#D1D3D4]">
        Build an application guarded by feature flags and learn how LaunchDarkly
        supports every step of the development lifecycle.
      </p>
    </a>

    <a href="/sdk" className="group flex h-full flex-col rounded-2xl border border-slate-200 bg-white p-6 no-underline transition hover:-translate-y-0.5 hover:border-[#405BFF] hover:shadow-lg hover:shadow-[#405BFF]/5 dark:border-white/10 dark:bg-white/[0.03] dark:hover:border-[#7084FF]">
      <div className="flex h-11 w-11 items-center justify-center rounded-xl bg-[#405BFF]/10 text-[#405BFF] dark:bg-[#7084FF]/15 dark:text-[#7084FF]">
        <svg width="22" height="22" viewBox="0 0 24 24" fill="none" style={{ flexShrink: 0 }}>
          <path d="M8 18l-6-6 6-6m8 12l6-6-6-6" stroke="currentColor" strokeWidth="1.8" strokeLinecap="round" strokeLinejoin="round" />
        </svg>
      </div>

      <h3 className="mt-5 text-lg font-semibold text-[#2c2c2c] dark:text-white">
        Add an SDK
      </h3>

      <p className="mt-2 text-sm leading-relaxed text-[#58595B] dark:text-[#D1D3D4]">
        Learn how to incorporate the LaunchDarkly SDKs into your application
        across client-side, server-side, edge, and AI runtimes.
      </p>
    </a>

    <a href="/guides" className="group flex h-full flex-col rounded-2xl border border-slate-200 bg-white p-6 no-underline transition hover:-translate-y-0.5 hover:border-[#405BFF] hover:shadow-lg hover:shadow-[#405BFF]/5 dark:border-white/10 dark:bg-white/[0.03] dark:hover:border-[#7084FF]">
      <div className="flex h-11 w-11 items-center justify-center rounded-xl bg-[#405BFF]/10 text-[#405BFF] dark:bg-[#7084FF]/15 dark:text-[#7084FF]">
        <svg width="22" height="22" viewBox="0 0 24 24" fill="none" style={{ flexShrink: 0 }}>
          <path d="M4 5a2 2 0 012-2h10a2 2 0 012 2v15l-7-3.5L4 20V5z" stroke="currentColor" strokeWidth="1.7" strokeLinejoin="round" />
        </svg>
      </div>

      <h3 className="mt-5 text-lg font-semibold text-[#2c2c2c] dark:text-white">
        Follow best practices
      </h3>

      <p className="mt-2 text-sm leading-relaxed text-[#58595B] dark:text-[#D1D3D4]">
        Best practices to help everyone succeed with LaunchDarkly, from flag
        hygiene to experimentation and rollout strategy.
      </p>
    </a>
  </div>

  <div className="mt-5 flex flex-col items-start gap-2 rounded-2xl border border-dashed border-slate-300 bg-slate-50/60 p-6 dark:border-white/10 dark:bg-white/[0.02] sm:flex-row sm:items-center sm:justify-between">
    <div>
      <h3 className="m-0 text-base font-semibold text-[#2c2c2c] dark:text-white">
        Try the LaunchDarkly sandbox
      </h3>

      <p className="mt-1 text-sm text-[#58595B] dark:text-[#D1D3D4]">
        Explore the product hands-on with the LaunchDarkly demo sandbox.
      </p>
    </div>

    <a href="https://demo.app.launchdarkly.com/" className="inline-flex shrink-0 items-center gap-2 rounded-full border border-[#405BFF] px-6 py-3 text-sm font-semibold text-[#405BFF] no-underline transition hover:bg-[#405BFF]/5 dark:border-[#7084FF] dark:text-[#7084FF]">
      Open the sandbox →
    </a>
  </div>
</section>

<section className="mx-auto max-w-7xl px-4 pt-20 sm:px-6 lg:px-8">
  <div className="flex items-end justify-between gap-4">
    <h2 className="text-2xl font-bold tracking-tight text-[#2c2c2c] dark:text-white sm:text-3xl">
      What's new
    </h2>

    <a href="/home/changelog" className="hidden shrink-0 items-center gap-2 text-sm font-semibold text-[#405BFF] no-underline hover:underline dark:text-[#7084FF] sm:inline-flex">
      See all updates →
    </a>
  </div>

  <div className="mt-8 overflow-hidden rounded-2xl border border-slate-200 dark:border-white/10">
    <table className="w-full border-collapse text-left text-sm">
      <thead>
        <tr className="bg-slate-50 dark:bg-white/[0.04]">
          <th className="w-36 px-5 py-3 font-semibold text-[#2c2c2c] dark:text-white">Date</th>
          <th className="px-5 py-3 font-semibold text-[#2c2c2c] dark:text-white">Change summary</th>
          <th className="w-64 px-5 py-3 font-semibold text-[#2c2c2c] dark:text-white">Affected topics</th>
        </tr>
      </thead>

      <tbody className="text-[#58595B] dark:text-[#D1D3D4]">
        <tr className="border-t border-slate-200 dark:border-white/10">
          <td className="whitespace-nowrap px-5 py-4 align-top">June 2, 2026</td>
          <td className="px-5 py-4 align-top">Publishes a new topic to describe the Flutter SDK observability plugin.</td>
          <td className="px-5 py-4 align-top"><a href="/sdk/observability/features" className="font-medium text-[#405BFF] no-underline hover:underline dark:text-[#7084FF]">Flutter SDK observability reference</a></td>
        </tr>

        <tr className="border-t border-slate-200 dark:border-white/10">
          <td className="whitespace-nowrap px-5 py-4 align-top">June 2, 2026</td>
          <td className="px-5 py-4 align-top">Publishes a new topic to describe creating observability graphs.</td>
          <td className="px-5 py-4 align-top"><a href="/home/observability/dashboards" className="font-medium text-[#405BFF] no-underline hover:underline dark:text-[#7084FF]">Creating custom dashboards</a></td>
        </tr>

        <tr className="border-t border-slate-200 dark:border-white/10">
          <td className="whitespace-nowrap px-5 py-4 align-top">June 2, 2026</td>
          <td className="px-5 py-4 align-top">SCIM-based user provisioning is now available to Okta customers on the LaunchDarkly European Union (EU) instance.</td>
          <td className="px-5 py-4 align-top"><a href="/home/account/okta" className="font-medium text-[#405BFF] no-underline hover:underline dark:text-[#7084FF]">Okta</a></td>
        </tr>

        <tr className="border-t border-slate-200 dark:border-white/10">
          <td className="whitespace-nowrap px-5 py-4 align-top">May 29, 2026</td>
          <td className="px-5 py-4 align-top">Adds documentation to describe metrics tools in the MCP server.</td>
          <td className="px-5 py-4 align-top"><a href="/home/getting-started/mcp" className="font-medium text-[#405BFF] no-underline hover:underline dark:text-[#7084FF]">LaunchDarkly MCP server</a></td>
        </tr>

        <tr className="border-t border-slate-200 dark:border-white/10">
          <td className="whitespace-nowrap px-5 py-4 align-top">May 28, 2026</td>
          <td className="px-5 py-4 align-top">Updates the application metadata configuration topic to document Relay Proxy version 8.17.8 support.</td>
          <td className="px-5 py-4 align-top"><a href="/sdk/features/app-config" className="font-medium text-[#405BFF] no-underline hover:underline dark:text-[#7084FF]">Application metadata configuration</a></td>
        </tr>

        <tr className="border-t border-slate-200 dark:border-white/10">
          <td className="whitespace-nowrap px-5 py-4 align-top">May 27, 2026</td>
          <td className="px-5 py-4 align-top">Publishes a section of guides with brief explanations of how to use different features to get specific outcomes.</td>
          <td className="px-5 py-4 align-top"><a href="/guides" className="font-medium text-[#405BFF] no-underline hover:underline dark:text-[#7084FF]">Cheatsheets</a></td>
        </tr>

        <tr className="border-t border-slate-200 dark:border-white/10">
          <td className="whitespace-nowrap px-5 py-4 align-top">May 22, 2026</td>
          <td className="px-5 py-4 align-top">Updates the approvals topic with information about approvals for experiments.</td>
          <td className="px-5 py-4 align-top"><a href="/home/releases/approvals" className="font-medium text-[#405BFF] no-underline hover:underline dark:text-[#7084FF]">Approvals</a></td>
        </tr>

        <tr className="border-t border-slate-200 dark:border-white/10">
          <td className="whitespace-nowrap px-5 py-4 align-top">May 19, 2026</td>
          <td className="px-5 py-4 align-top">Publishes new and updated documentation to support AgentControl release.</td>
          <td className="px-5 py-4 align-top"><a href="/home/getting-started" className="font-medium text-[#405BFF] no-underline hover:underline dark:text-[#7084FF]">AgentControl</a></td>
        </tr>

        <tr className="border-t border-slate-200 dark:border-white/10">
          <td className="whitespace-nowrap px-5 py-4 align-top">May 18, 2026</td>
          <td className="px-5 py-4 align-top">Publishes a topic on using the Observability metrics page.</td>
          <td className="px-5 py-4 align-top"><a href="/home/observability" className="font-medium text-[#405BFF] no-underline hover:underline dark:text-[#7084FF]">Observability metrics</a></td>
        </tr>

        <tr className="border-t border-slate-200 dark:border-white/10">
          <td className="whitespace-nowrap px-5 py-4 align-top">May 12, 2026</td>
          <td className="px-5 py-4 align-top">Publishes a guide on migrating from Statsig to LaunchDarkly Experimentation.</td>
          <td className="px-5 py-4 align-top"><a href="/guides/experimentation" className="font-medium text-[#405BFF] no-underline hover:underline dark:text-[#7084FF]">Migrating from Statsig</a></td>
        </tr>
      </tbody>
    </table>
  </div>

  <a href="/home/changelog" className="mt-5 inline-flex items-center gap-2 text-sm font-semibold text-[#405BFF] no-underline hover:underline dark:text-[#7084FF] sm:hidden">
    See all updates →
  </a>
</section>

<section className="mx-auto max-w-7xl px-4 pt-20 sm:px-6 lg:px-8">
  <h2 className="text-2xl font-bold tracking-tight text-[#2c2c2c] dark:text-white sm:text-3xl">
    Explore our SDKs
  </h2>

  <p className="mt-3 max-w-2xl text-base text-[#58595B] dark:text-[#D1D3D4]">
    Use client-side, server-side, or edge SDKs to evaluate flags. Use AI SDKs to
    customize configs from AgentControl.
  </p>

  {/* Client-side and mobile */}

  <h3 className="mt-10 text-sm font-semibold uppercase tracking-wider text-[#6D6E71] dark:text-[#A7A9AC]">
    Client-side and mobile SDKs
  </h3>

  <div className="mt-4 grid grid-cols-2 gap-3 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6">
    <a href="/sdk/client-side/dotnet" className="group flex flex-col items-center justify-center gap-3 rounded-xl border border-slate-200 bg-white p-5 no-underline transition hover:border-[#405BFF] hover:shadow-sm dark:border-white/10 dark:bg-white/[0.03] dark:hover:border-[#7084FF]">
      <img src="https://files.buildwithfern.com/https://launchdarkly.docs.buildwithfern.com/docs/d573855de861cb58739933d8daa3f848469bdc49fc5fb994dcd889930f35b73e/assets/icons/light/dotnet.svg" alt=".NET logo" noZoom className="block h-9 w-9 dark:hidden" style={{ flexShrink: 0 }} />

      <img src="https://files.buildwithfern.com/https://launchdarkly.docs.buildwithfern.com/docs/79f44c483f1d70b11c055f8ce13103203f295fcf51b6c2aeb758c6d01abc40b4/assets/icons/dark/dotnet.svg" alt=".NET logo" noZoom className="hidden h-9 w-9 dark:block" style={{ flexShrink: 0 }} />

      <span className="text-sm font-medium text-[#2c2c2c] dark:text-slate-200">.NET</span>
    </a>

    <a href="/sdk/client-side/android" className="group flex flex-col items-center justify-center gap-3 rounded-xl border border-slate-200 bg-white p-5 no-underline transition hover:border-[#405BFF] hover:shadow-sm dark:border-white/10 dark:bg-white/[0.03] dark:hover:border-[#7084FF]">
      <img src="https://files.buildwithfern.com/https://launchdarkly.docs.buildwithfern.com/docs/f55c98444fc3dbc960774c150aed1bda6ae87b65d1502ab1a0399d97bef61f4b/assets/icons/light/android.svg" alt="Android logo" noZoom className="block h-9 w-9 dark:hidden" style={{ flexShrink: 0 }} />

      <img src="https://files.buildwithfern.com/https://launchdarkly.docs.buildwithfern.com/docs/869c9d7edd58edac3f64cc1c6a273a03cbbe98e3e2fcb42736b5ab77df67c19e/assets/icons/dark/android.svg" alt="Android logo" noZoom className="hidden h-9 w-9 dark:block" style={{ flexShrink: 0 }} />

      <span className="text-sm font-medium text-[#2c2c2c] dark:text-slate-200">Android</span>
    </a>

    <a href="/sdk/client-side/c-c--" className="group flex flex-col items-center justify-center gap-3 rounded-xl border border-slate-200 bg-white p-5 no-underline transition hover:border-[#405BFF] hover:shadow-sm dark:border-white/10 dark:bg-white/[0.03] dark:hover:border-[#7084FF]">
      <img src="https://files.buildwithfern.com/https://launchdarkly.docs.buildwithfern.com/docs/cafe86f9db5526ff1c232085b024ee27824974a2221efc5621e68c2711f5ed80/assets/icons/light/cpp.svg" alt="C++ logo" noZoom className="block h-9 w-9 dark:hidden" style={{ flexShrink: 0 }} />

      <img src="https://files.buildwithfern.com/https://launchdarkly.docs.buildwithfern.com/docs/e50e37b722d7a43d38acf29e213a69afc895476c0d957faafa5ea196e3db85bf/assets/icons/dark/cpp.svg" alt="C++ logo" noZoom className="hidden h-9 w-9 dark:block" style={{ flexShrink: 0 }} />

      <span className="text-sm font-medium text-[#2c2c2c] dark:text-slate-200">C++</span>
    </a>

    <a href="/sdk/client-side/electron" className="group flex flex-col items-center justify-center gap-3 rounded-xl border border-slate-200 bg-white p-5 no-underline transition hover:border-[#405BFF] hover:shadow-sm dark:border-white/10 dark:bg-white/[0.03] dark:hover:border-[#7084FF]">
      <img src="https://files.buildwithfern.com/https://launchdarkly.docs.buildwithfern.com/docs/fcaabee243573fbf5bb1b02d32a0923e78e1775389b38c49d1a6b6d34e0d4864/assets/icons/light/electron.svg" alt="Electron logo" noZoom className="block h-9 w-9 dark:hidden" style={{ flexShrink: 0 }} />

      <img src="https://files.buildwithfern.com/https://launchdarkly.docs.buildwithfern.com/docs/e9fa214a6c84398db1d747079b3cce61d7ae33bfad54d65b5079a5d53d6356cd/assets/icons/dark/electron.svg" alt="Electron logo" noZoom className="hidden h-9 w-9 dark:block" style={{ flexShrink: 0 }} />

      <span className="text-sm font-medium text-[#2c2c2c] dark:text-slate-200">Electron</span>
    </a>

    <a href="/sdk/client-side/flutter" className="group flex flex-col items-center justify-center gap-3 rounded-xl border border-slate-200 bg-white p-5 no-underline transition hover:border-[#405BFF] hover:shadow-sm dark:border-white/10 dark:bg-white/[0.03] dark:hover:border-[#7084FF]">
      <img src="https://files.buildwithfern.com/https://launchdarkly.docs.buildwithfern.com/docs/a389b1ff7fb7b2e7b15200336167332c191e84a25a1c8f183e72f508a0e5d729/assets/icons/light/flutter.svg" alt="Flutter logo" noZoom className="block h-9 w-9 dark:hidden" style={{ flexShrink: 0 }} />

      <img src="https://files.buildwithfern.com/https://launchdarkly.docs.buildwithfern.com/docs/d6e7a676a6dc605c43b29f78945e47a1ad491c2fcf22db054382623ee3cf41a0/assets/icons/dark/flutter.svg" alt="Flutter logo" noZoom className="hidden h-9 w-9 dark:block" style={{ flexShrink: 0 }} />

      <span className="text-sm font-medium text-[#2c2c2c] dark:text-slate-200">Flutter</span>
    </a>

    <a href="/sdk/client-side/ios" className="group flex flex-col items-center justify-center gap-3 rounded-xl border border-slate-200 bg-white p-5 no-underline transition hover:border-[#405BFF] hover:shadow-sm dark:border-white/10 dark:bg-white/[0.03] dark:hover:border-[#7084FF]">
      <img src="https://files.buildwithfern.com/https://launchdarkly.docs.buildwithfern.com/docs/8ac93f256cef3ff2d32be3306b4d6c0436acebd09ff6d815ba50e441ee965c99/assets/icons/light/ios.svg" alt="iOS logo" noZoom className="block h-9 w-9 dark:hidden" style={{ flexShrink: 0 }} />

      <img src="https://files.buildwithfern.com/https://launchdarkly.docs.buildwithfern.com/docs/551ce35b6e75ad19ef4a5c17417da2dfa3ba4bf3e7a54dcf17f073e2bf70db62/assets/icons/dark/ios.svg" alt="iOS logo" noZoom className="hidden h-9 w-9 dark:block" style={{ flexShrink: 0 }} />

      <span className="text-sm font-medium text-[#2c2c2c] dark:text-slate-200">iOS</span>
    </a>

    <a href="/sdk/client-side/javascript" className="group flex flex-col items-center justify-center gap-3 rounded-xl border border-slate-200 bg-white p-5 no-underline transition hover:border-[#405BFF] hover:shadow-sm dark:border-white/10 dark:bg-white/[0.03] dark:hover:border-[#7084FF]">
      <img src="https://files.buildwithfern.com/https://launchdarkly.docs.buildwithfern.com/docs/5e1a9deeb840901502f5c31784f91705a7f29a29e1719b9112bb16a40ee8856b/assets/icons/light/javascript.svg" alt="JavaScript logo" noZoom className="block h-9 w-9 dark:hidden" style={{ flexShrink: 0 }} />

      <img src="https://files.buildwithfern.com/https://launchdarkly.docs.buildwithfern.com/docs/772dd5c47e0e57220ba1acbe3586676011159489558cc2fdafd9052f159ca15e/assets/icons/dark/javascript.svg" alt="JavaScript logo" noZoom className="hidden h-9 w-9 dark:block" style={{ flexShrink: 0 }} />

      <span className="text-sm font-medium text-[#2c2c2c] dark:text-slate-200">JavaScript</span>
    </a>

    <a href="/sdk/client-side/node-js" className="group flex flex-col items-center justify-center gap-3 rounded-xl border border-slate-200 bg-white p-5 no-underline transition hover:border-[#405BFF] hover:shadow-sm dark:border-white/10 dark:bg-white/[0.03] dark:hover:border-[#7084FF]">
      <img src="https://files.buildwithfern.com/https://launchdarkly.docs.buildwithfern.com/docs/7c5a5862da85d519e99717357af3e9e922fe7fdc4d51bdd446068905a7a38868/assets/icons/light/node.svg" alt="Node.js logo" noZoom className="block h-9 w-9 dark:hidden" style={{ flexShrink: 0 }} />

      <img src="https://files.buildwithfern.com/https://launchdarkly.docs.buildwithfern.com/docs/1f3aa47523e5da050a12172713cd6816a2c99d78368d5b7e40ae2f5f367a2ccb/assets/icons/dark/node.svg" alt="Node.js logo" noZoom className="hidden h-9 w-9 dark:block" style={{ flexShrink: 0 }} />

      <span className="text-sm font-medium text-[#2c2c2c] dark:text-slate-200">Node.js</span>
    </a>

    <a href="/sdk/client-side/react" className="group flex flex-col items-center justify-center gap-3 rounded-xl border border-slate-200 bg-white p-5 no-underline transition hover:border-[#405BFF] hover:shadow-sm dark:border-white/10 dark:bg-white/[0.03] dark:hover:border-[#7084FF]">
      <img src="https://files.buildwithfern.com/https://launchdarkly.docs.buildwithfern.com/docs/1e993d835dbc1fa08e3d75f6dbb50011e136d8f919a2bff0af283ee53c0b909d/assets/icons/light/react.svg" alt="React logo" noZoom className="block h-9 w-9 dark:hidden" style={{ flexShrink: 0 }} />

      <img src="https://files.buildwithfern.com/https://launchdarkly.docs.buildwithfern.com/docs/1dc5831fb41d2bd7ec5f698e75fe9081aae3ec81326edb9a53c4307012c610da/assets/icons/dark/react.svg" alt="React logo" noZoom className="hidden h-9 w-9 dark:block" style={{ flexShrink: 0 }} />

      <span className="text-sm font-medium text-[#2c2c2c] dark:text-slate-200">React</span>
    </a>

    <a href="/sdk/client-side/roku" className="group flex flex-col items-center justify-center gap-3 rounded-xl border border-slate-200 bg-white p-5 no-underline transition hover:border-[#405BFF] hover:shadow-sm dark:border-white/10 dark:bg-white/[0.03] dark:hover:border-[#7084FF]">
      <img src="https://files.buildwithfern.com/https://launchdarkly.docs.buildwithfern.com/docs/2948c59d8fce847f94065d4780a1a2c884daf398119a9990b0a76d304505f6d9/assets/icons/light/roku.svg" alt="Roku logo" noZoom className="block h-9 w-9 dark:hidden" style={{ flexShrink: 0 }} />

      <img src="https://files.buildwithfern.com/https://launchdarkly.docs.buildwithfern.com/docs/63c53b2405afcbb2f52c4042dc40dd19246f92c4ed7e1198a545f8703a08bc23/assets/icons/dark/roku.svg" alt="Roku logo" noZoom className="hidden h-9 w-9 dark:block" style={{ flexShrink: 0 }} />

      <span className="text-sm font-medium text-[#2c2c2c] dark:text-slate-200">Roku</span>
    </a>

    <a href="/sdk/client-side/vue" className="group flex flex-col items-center justify-center gap-3 rounded-xl border border-slate-200 bg-white p-5 no-underline transition hover:border-[#405BFF] hover:shadow-sm dark:border-white/10 dark:bg-white/[0.03] dark:hover:border-[#7084FF]">
      <img src="https://files.buildwithfern.com/https://launchdarkly.docs.buildwithfern.com/docs/ea0b76a484e46f4b6fffee501d5e852ae551c73d0e2fa5718876ddfd2a788a13/assets/icons/light/vue.svg" alt="Vue logo" noZoom className="block h-9 w-9 dark:hidden" style={{ flexShrink: 0 }} />

      <img src="https://files.buildwithfern.com/https://launchdarkly.docs.buildwithfern.com/docs/d80a6e5450db4487591e5be90784d90f8a21d953db69992f874006446196fbd7/assets/icons/dark/vue.svg" alt="Vue logo" noZoom className="hidden h-9 w-9 dark:block" style={{ flexShrink: 0 }} />

      <span className="text-sm font-medium text-[#2c2c2c] dark:text-slate-200">Vue</span>
    </a>
  </div>

  {/* Server-side */}

  <h3 className="mt-10 text-sm font-semibold uppercase tracking-wider text-[#6D6E71] dark:text-[#A7A9AC]">
    Server-side SDKs
  </h3>

  <div className="mt-4 grid grid-cols-2 gap-3 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6">
    <a href="/sdk/server-side/dotnet" className="group flex flex-col items-center justify-center gap-3 rounded-xl border border-slate-200 bg-white p-5 no-underline transition hover:border-[#405BFF] hover:shadow-sm dark:border-white/10 dark:bg-white/[0.03] dark:hover:border-[#7084FF]">
      <img src="https://files.buildwithfern.com/https://launchdarkly.docs.buildwithfern.com/docs/d573855de861cb58739933d8daa3f848469bdc49fc5fb994dcd889930f35b73e/assets/icons/light/dotnet.svg" alt=".NET logo" noZoom className="block h-9 w-9 dark:hidden" style={{ flexShrink: 0 }} />

      <img src="https://files.buildwithfern.com/https://launchdarkly.docs.buildwithfern.com/docs/79f44c483f1d70b11c055f8ce13103203f295fcf51b6c2aeb758c6d01abc40b4/assets/icons/dark/dotnet.svg" alt=".NET logo" noZoom className="hidden h-9 w-9 dark:block" style={{ flexShrink: 0 }} />

      <span className="text-sm font-medium text-[#2c2c2c] dark:text-slate-200">.NET</span>
    </a>

    <a href="/sdk/server-side/apex" className="group flex flex-col items-center justify-center gap-3 rounded-xl border border-slate-200 bg-white p-5 no-underline transition hover:border-[#405BFF] hover:shadow-sm dark:border-white/10 dark:bg-white/[0.03] dark:hover:border-[#7084FF]">
      <img src="https://files.buildwithfern.com/https://launchdarkly.docs.buildwithfern.com/docs/234a98070aa9b6eada0788a136c26a46f1d46597641cf3b277fcc10132cc59f9/assets/icons/light/apex.svg" alt="Apex logo" noZoom className="block h-9 w-9 dark:hidden" style={{ flexShrink: 0 }} />

      <img src="https://files.buildwithfern.com/https://launchdarkly.docs.buildwithfern.com/docs/e4743669f8a020e0d2cd510e0cd0a2c1f3c1ac972a9f046c05a6dd969b65f2f7/assets/icons/dark/apex.svg" alt="Apex logo" noZoom className="hidden h-9 w-9 dark:block" style={{ flexShrink: 0 }} />

      <span className="text-sm font-medium text-[#2c2c2c] dark:text-slate-200">Apex</span>
    </a>

    <a href="/sdk/server-side/c-c--" className="group flex flex-col items-center justify-center gap-3 rounded-xl border border-slate-200 bg-white p-5 no-underline transition hover:border-[#405BFF] hover:shadow-sm dark:border-white/10 dark:bg-white/[0.03] dark:hover:border-[#7084FF]">
      <img src="https://files.buildwithfern.com/https://launchdarkly.docs.buildwithfern.com/docs/cafe86f9db5526ff1c232085b024ee27824974a2221efc5621e68c2711f5ed80/assets/icons/light/cpp.svg" alt="C++ logo" noZoom className="block h-9 w-9 dark:hidden" style={{ flexShrink: 0 }} />

      <img src="https://files.buildwithfern.com/https://launchdarkly.docs.buildwithfern.com/docs/e50e37b722d7a43d38acf29e213a69afc895476c0d957faafa5ea196e3db85bf/assets/icons/dark/cpp.svg" alt="C++ logo" noZoom className="hidden h-9 w-9 dark:block" style={{ flexShrink: 0 }} />

      <span className="text-sm font-medium text-[#2c2c2c] dark:text-slate-200">C++</span>
    </a>

    <a href="/sdk/server-side/erlang" className="group flex flex-col items-center justify-center gap-3 rounded-xl border border-slate-200 bg-white p-5 no-underline transition hover:border-[#405BFF] hover:shadow-sm dark:border-white/10 dark:bg-white/[0.03] dark:hover:border-[#7084FF]">
      <img src="https://files.buildwithfern.com/https://launchdarkly.docs.buildwithfern.com/docs/2c77f1b32a84fda02e927877392349be8100ef8c211d93d992f1104e75b7fcf4/assets/icons/light/erlang.svg" alt="Erlang logo" noZoom className="block h-9 w-9 dark:hidden" style={{ flexShrink: 0 }} />

      <img src="https://files.buildwithfern.com/https://launchdarkly.docs.buildwithfern.com/docs/a377421a89a5556372503ee23e8a58816cc5f888f1305e254a00670865519a73/assets/icons/dark/erlang.svg" alt="Erlang logo" noZoom className="hidden h-9 w-9 dark:block" style={{ flexShrink: 0 }} />

      <span className="text-sm font-medium text-[#2c2c2c] dark:text-slate-200">Erlang</span>
    </a>

    <a href="/sdk/server-side/go" className="group flex flex-col items-center justify-center gap-3 rounded-xl border border-slate-200 bg-white p-5 no-underline transition hover:border-[#405BFF] hover:shadow-sm dark:border-white/10 dark:bg-white/[0.03] dark:hover:border-[#7084FF]">
      <img src="https://files.buildwithfern.com/https://launchdarkly.docs.buildwithfern.com/docs/bdc61f086f682100caaaf2b75ebae9d708fa82f3fa82aa879b5ad9ad6dec0296/assets/icons/light/go.svg" alt="Go logo" noZoom className="block h-9 w-9 dark:hidden" style={{ flexShrink: 0 }} />

      <img src="https://files.buildwithfern.com/https://launchdarkly.docs.buildwithfern.com/docs/61d97828914d8aefd9a04275b0a840d77f9d35e0243576931f33c2ff56cdf6e3/assets/icons/dark/go.svg" alt="Go logo" noZoom className="hidden h-9 w-9 dark:block" style={{ flexShrink: 0 }} />

      <span className="text-sm font-medium text-[#2c2c2c] dark:text-slate-200">Go</span>
    </a>

    <a href="/sdk/server-side/haskell" className="group flex flex-col items-center justify-center gap-3 rounded-xl border border-slate-200 bg-white p-5 no-underline transition hover:border-[#405BFF] hover:shadow-sm dark:border-white/10 dark:bg-white/[0.03] dark:hover:border-[#7084FF]">
      <img src="https://files.buildwithfern.com/https://launchdarkly.docs.buildwithfern.com/docs/c206fd5ffa594a5365b7066f30548b9c37d13eb1934388e9c1dc1bfb6e80f084/assets/icons/light/haskell.svg" alt="Haskell logo" noZoom className="block h-9 w-9 dark:hidden" style={{ flexShrink: 0 }} />

      <img src="https://files.buildwithfern.com/https://launchdarkly.docs.buildwithfern.com/docs/e51b70219c3d4ef11c6054b167789ee9baa7713abd46301f8a3bfb8a8c676d0b/assets/icons/dark/haskell.svg" alt="Haskell logo" noZoom className="hidden h-9 w-9 dark:block" style={{ flexShrink: 0 }} />

      <span className="text-sm font-medium text-[#2c2c2c] dark:text-slate-200">Haskell</span>
    </a>

    <a href="/sdk/server-side/java" className="group flex flex-col items-center justify-center gap-3 rounded-xl border border-slate-200 bg-white p-5 no-underline transition hover:border-[#405BFF] hover:shadow-sm dark:border-white/10 dark:bg-white/[0.03] dark:hover:border-[#7084FF]">
      <img src="https://files.buildwithfern.com/https://launchdarkly.docs.buildwithfern.com/docs/82a12e90c06582aa8db0822d56af2a80ed93c4f64ad452a4bf3172b9bcdf82e9/assets/icons/light/java.svg" alt="Java logo" noZoom className="block h-9 w-9 dark:hidden" style={{ flexShrink: 0 }} />

      <img src="https://files.buildwithfern.com/https://launchdarkly.docs.buildwithfern.com/docs/10a70244fc7ce0ba3d3a34c1d8607b5b7d0b7258b7b52efe2f8c503e53c8b475/assets/icons/dark/java.svg" alt="Java logo" noZoom className="hidden h-9 w-9 dark:block" style={{ flexShrink: 0 }} />

      <span className="text-sm font-medium text-[#2c2c2c] dark:text-slate-200">Java</span>
    </a>

    <a href="/sdk/server-side/lua" className="group flex flex-col items-center justify-center gap-3 rounded-xl border border-slate-200 bg-white p-5 no-underline transition hover:border-[#405BFF] hover:shadow-sm dark:border-white/10 dark:bg-white/[0.03] dark:hover:border-[#7084FF]">
      <img src="https://files.buildwithfern.com/https://launchdarkly.docs.buildwithfern.com/docs/21a4234aeab4134ecffe4b1342bd06f6585ecc49e65485d46ceb31e2a0cd5828/assets/icons/light/lua.svg" alt="Lua logo" noZoom className="block h-9 w-9 dark:hidden" style={{ flexShrink: 0 }} />

      <img src="https://files.buildwithfern.com/https://launchdarkly.docs.buildwithfern.com/docs/fa1f614e3ca44a889b03332926b6c143dbc68756313d701bf7af49b0a3c659ce/assets/icons/dark/lua.svg" alt="Lua logo" noZoom className="hidden h-9 w-9 dark:block" style={{ flexShrink: 0 }} />

      <span className="text-sm font-medium text-[#2c2c2c] dark:text-slate-200">Lua</span>
    </a>

    <a href="/sdk/server-side/node-js" className="group flex flex-col items-center justify-center gap-3 rounded-xl border border-slate-200 bg-white p-5 no-underline transition hover:border-[#405BFF] hover:shadow-sm dark:border-white/10 dark:bg-white/[0.03] dark:hover:border-[#7084FF]">
      <img src="https://files.buildwithfern.com/https://launchdarkly.docs.buildwithfern.com/docs/7c5a5862da85d519e99717357af3e9e922fe7fdc4d51bdd446068905a7a38868/assets/icons/light/node.svg" alt="Node.js logo" noZoom className="block h-9 w-9 dark:hidden" style={{ flexShrink: 0 }} />

      <img src="https://files.buildwithfern.com/https://launchdarkly.docs.buildwithfern.com/docs/1f3aa47523e5da050a12172713cd6816a2c99d78368d5b7e40ae2f5f367a2ccb/assets/icons/dark/node.svg" alt="Node.js logo" noZoom className="hidden h-9 w-9 dark:block" style={{ flexShrink: 0 }} />

      <span className="text-sm font-medium text-[#2c2c2c] dark:text-slate-200">Node.js</span>
    </a>

    <a href="/sdk/server-side/php" className="group flex flex-col items-center justify-center gap-3 rounded-xl border border-slate-200 bg-white p-5 no-underline transition hover:border-[#405BFF] hover:shadow-sm dark:border-white/10 dark:bg-white/[0.03] dark:hover:border-[#7084FF]">
      <img src="https://files.buildwithfern.com/https://launchdarkly.docs.buildwithfern.com/docs/607c22da9cdf02e386540a900fa2574bac08be6fc7aa3099c0102f40223cf6b5/assets/icons/light/php.svg" alt="PHP logo" noZoom className="block h-9 w-9 dark:hidden" style={{ flexShrink: 0 }} />

      <img src="https://files.buildwithfern.com/https://launchdarkly.docs.buildwithfern.com/docs/3fe62bfbac75127d4b85659acdc205c3e7c7a10fab245ceac3cf20e83bc151d0/assets/icons/dark/php.svg" alt="PHP logo" noZoom className="hidden h-9 w-9 dark:block" style={{ flexShrink: 0 }} />

      <span className="text-sm font-medium text-[#2c2c2c] dark:text-slate-200">PHP</span>
    </a>

    <a href="/sdk/server-side/python" className="group flex flex-col items-center justify-center gap-3 rounded-xl border border-slate-200 bg-white p-5 no-underline transition hover:border-[#405BFF] hover:shadow-sm dark:border-white/10 dark:bg-white/[0.03] dark:hover:border-[#7084FF]">
      <img src="https://files.buildwithfern.com/https://launchdarkly.docs.buildwithfern.com/docs/7d3f53e8aaede35c99164edb18078f0e45b49c24d054f5103cad723e07456896/assets/icons/light/python.svg" alt="Python logo" noZoom className="block h-9 w-9 dark:hidden" style={{ flexShrink: 0 }} />

      <img src="https://files.buildwithfern.com/https://launchdarkly.docs.buildwithfern.com/docs/42f294cb0a1f4d7c56de47a258f2c44b89a2b44a0bf4e5db85888123cd1e0705/assets/icons/dark/python.svg" alt="Python logo" noZoom className="hidden h-9 w-9 dark:block" style={{ flexShrink: 0 }} />

      <span className="text-sm font-medium text-[#2c2c2c] dark:text-slate-200">Python</span>
    </a>

    <a href="/sdk/server-side/ruby" className="group flex flex-col items-center justify-center gap-3 rounded-xl border border-slate-200 bg-white p-5 no-underline transition hover:border-[#405BFF] hover:shadow-sm dark:border-white/10 dark:bg-white/[0.03] dark:hover:border-[#7084FF]">
      <img src="https://files.buildwithfern.com/https://launchdarkly.docs.buildwithfern.com/docs/ef5fe9860d318de794fc9d6eaf9c81206bbda0b48081945f2694aa66bca1e085/assets/icons/light/ruby.svg" alt="Ruby logo" noZoom className="block h-9 w-9 dark:hidden" style={{ flexShrink: 0 }} />

      <img src="https://files.buildwithfern.com/https://launchdarkly.docs.buildwithfern.com/docs/60f734521773beb6832e23320f2a804988f3ce96494454d32444d16b432280d0/assets/icons/dark/ruby.svg" alt="Ruby logo" noZoom className="hidden h-9 w-9 dark:block" style={{ flexShrink: 0 }} />

      <span className="text-sm font-medium text-[#2c2c2c] dark:text-slate-200">Ruby</span>
    </a>

    <a href="/sdk/server-side/rust" className="group flex flex-col items-center justify-center gap-3 rounded-xl border border-slate-200 bg-white p-5 no-underline transition hover:border-[#405BFF] hover:shadow-sm dark:border-white/10 dark:bg-white/[0.03] dark:hover:border-[#7084FF]">
      <img src="https://files.buildwithfern.com/https://launchdarkly.docs.buildwithfern.com/docs/9d27b71869bba3b2db061999cf272b45a524c7edcf2dd6c504ce79a415257f5f/assets/icons/light/rust.svg" alt="Rust logo" noZoom className="block h-9 w-9 dark:hidden" style={{ flexShrink: 0 }} />

      <img src="https://files.buildwithfern.com/https://launchdarkly.docs.buildwithfern.com/docs/11756a497528652c7a817e682e8155f25fe1ce445da217f37c1f4840a313d4d6/assets/icons/dark/rust.svg" alt="Rust logo" noZoom className="hidden h-9 w-9 dark:block" style={{ flexShrink: 0 }} />

      <span className="text-sm font-medium text-[#2c2c2c] dark:text-slate-200">Rust</span>
    </a>
  </div>

  {/* AI SDKs */}

  <h3 className="mt-10 text-sm font-semibold uppercase tracking-wider text-[#6D6E71] dark:text-[#A7A9AC]">
    AI SDKs
  </h3>

  <div className="mt-4 grid grid-cols-2 gap-3 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6">
    <a href="/sdk/ai/dotnet" className="group flex flex-col items-center justify-center gap-3 rounded-xl border border-slate-200 bg-white p-5 no-underline transition hover:border-[#405BFF] hover:shadow-sm dark:border-white/10 dark:bg-white/[0.03] dark:hover:border-[#7084FF]">
      <img src="https://files.buildwithfern.com/https://launchdarkly.docs.buildwithfern.com/docs/d573855de861cb58739933d8daa3f848469bdc49fc5fb994dcd889930f35b73e/assets/icons/light/dotnet.svg" alt=".NET logo" noZoom className="block h-9 w-9 dark:hidden" style={{ flexShrink: 0 }} />

      <img src="https://files.buildwithfern.com/https://launchdarkly.docs.buildwithfern.com/docs/79f44c483f1d70b11c055f8ce13103203f295fcf51b6c2aeb758c6d01abc40b4/assets/icons/dark/dotnet.svg" alt=".NET logo" noZoom className="hidden h-9 w-9 dark:block" style={{ flexShrink: 0 }} />

      <span className="text-sm font-medium text-[#2c2c2c] dark:text-slate-200">.NET</span>
    </a>

    <a href="/sdk/ai/go" className="group flex flex-col items-center justify-center gap-3 rounded-xl border border-slate-200 bg-white p-5 no-underline transition hover:border-[#405BFF] hover:shadow-sm dark:border-white/10 dark:bg-white/[0.03] dark:hover:border-[#7084FF]">
      <img src="https://files.buildwithfern.com/https://launchdarkly.docs.buildwithfern.com/docs/bdc61f086f682100caaaf2b75ebae9d708fa82f3fa82aa879b5ad9ad6dec0296/assets/icons/light/go.svg" alt="Go logo" noZoom className="block h-9 w-9 dark:hidden" style={{ flexShrink: 0 }} />

      <img src="https://files.buildwithfern.com/https://launchdarkly.docs.buildwithfern.com/docs/61d97828914d8aefd9a04275b0a840d77f9d35e0243576931f33c2ff56cdf6e3/assets/icons/dark/go.svg" alt="Go logo" noZoom className="hidden h-9 w-9 dark:block" style={{ flexShrink: 0 }} />

      <span className="text-sm font-medium text-[#2c2c2c] dark:text-slate-200">Go</span>
    </a>

    <a href="/sdk/ai/node-js" className="group flex flex-col items-center justify-center gap-3 rounded-xl border border-slate-200 bg-white p-5 no-underline transition hover:border-[#405BFF] hover:shadow-sm dark:border-white/10 dark:bg-white/[0.03] dark:hover:border-[#7084FF]">
      <img src="https://files.buildwithfern.com/https://launchdarkly.docs.buildwithfern.com/docs/7c5a5862da85d519e99717357af3e9e922fe7fdc4d51bdd446068905a7a38868/assets/icons/light/node.svg" alt="Node.js logo" noZoom className="block h-9 w-9 dark:hidden" style={{ flexShrink: 0 }} />

      <img src="https://files.buildwithfern.com/https://launchdarkly.docs.buildwithfern.com/docs/1f3aa47523e5da050a12172713cd6816a2c99d78368d5b7e40ae2f5f367a2ccb/assets/icons/dark/node.svg" alt="Node.js logo" noZoom className="hidden h-9 w-9 dark:block" style={{ flexShrink: 0 }} />

      <span className="text-sm font-medium text-[#2c2c2c] dark:text-slate-200">Node.js</span>
    </a>

    <a href="/sdk/ai/python" className="group flex flex-col items-center justify-center gap-3 rounded-xl border border-slate-200 bg-white p-5 no-underline transition hover:border-[#405BFF] hover:shadow-sm dark:border-white/10 dark:bg-white/[0.03] dark:hover:border-[#7084FF]">
      <img src="https://files.buildwithfern.com/https://launchdarkly.docs.buildwithfern.com/docs/7d3f53e8aaede35c99164edb18078f0e45b49c24d054f5103cad723e07456896/assets/icons/light/python.svg" alt="Python logo" noZoom className="block h-9 w-9 dark:hidden" style={{ flexShrink: 0 }} />

      <img src="https://files.buildwithfern.com/https://launchdarkly.docs.buildwithfern.com/docs/42f294cb0a1f4d7c56de47a258f2c44b89a2b44a0bf4e5db85888123cd1e0705/assets/icons/dark/python.svg" alt="Python logo" noZoom className="hidden h-9 w-9 dark:block" style={{ flexShrink: 0 }} />

      <span className="text-sm font-medium text-[#2c2c2c] dark:text-slate-200">Python</span>
    </a>

    <a href="/sdk/ai/ruby" className="group flex flex-col items-center justify-center gap-3 rounded-xl border border-slate-200 bg-white p-5 no-underline transition hover:border-[#405BFF] hover:shadow-sm dark:border-white/10 dark:bg-white/[0.03] dark:hover:border-[#7084FF]">
      <img src="https://files.buildwithfern.com/https://launchdarkly.docs.buildwithfern.com/docs/ef5fe9860d318de794fc9d6eaf9c81206bbda0b48081945f2694aa66bca1e085/assets/icons/light/ruby.svg" alt="Ruby logo" noZoom className="block h-9 w-9 dark:hidden" style={{ flexShrink: 0 }} />

      <img src="https://files.buildwithfern.com/https://launchdarkly.docs.buildwithfern.com/docs/60f734521773beb6832e23320f2a804988f3ce96494454d32444d16b432280d0/assets/icons/dark/ruby.svg" alt="Ruby logo" noZoom className="hidden h-9 w-9 dark:block" style={{ flexShrink: 0 }} />

      <span className="text-sm font-medium text-[#2c2c2c] dark:text-slate-200">Ruby</span>
    </a>
  </div>

  {/* Edge SDKs */}

  <h3 className="mt-10 text-sm font-semibold uppercase tracking-wider text-[#6D6E71] dark:text-[#A7A9AC]">
    Edge SDKs
  </h3>

  <div className="mt-4 grid grid-cols-2 gap-3 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6">
    <a href="/sdk/edge/akamai" className="group flex flex-col items-center justify-center gap-3 rounded-xl border border-slate-200 bg-white p-5 no-underline transition hover:border-[#405BFF] hover:shadow-sm dark:border-white/10 dark:bg-white/[0.03] dark:hover:border-[#7084FF]">
      <img src="https://files.buildwithfern.com/https://launchdarkly.docs.buildwithfern.com/docs/730603a85f09307e1f02518690cd34e77cd64660e7f54d687414bf0a932885eb/assets/icons/light/akamai.svg" alt="Akamai logo" noZoom className="block h-9 w-9 dark:hidden" style={{ flexShrink: 0 }} />

      <img src="https://files.buildwithfern.com/https://launchdarkly.docs.buildwithfern.com/docs/2f885ff8b53b5075fad8c325c05b2ffe3b9c368752145c21d277c3221c48acb7/assets/icons/dark/akamai.svg" alt="Akamai logo" noZoom className="hidden h-9 w-9 dark:block" style={{ flexShrink: 0 }} />

      <span className="text-sm font-medium text-[#2c2c2c] dark:text-slate-200">Akamai</span>
    </a>

    <a href="/sdk/edge/cloudflare" className="group flex flex-col items-center justify-center gap-3 rounded-xl border border-slate-200 bg-white p-5 no-underline transition hover:border-[#405BFF] hover:shadow-sm dark:border-white/10 dark:bg-white/[0.03] dark:hover:border-[#7084FF]">
      <img src="https://files.buildwithfern.com/https://launchdarkly.docs.buildwithfern.com/docs/7c6a43faae299e150f1ccb654171ba55f29967042a8c15527227ce200e2a29cc/assets/icons/light/cloudflare.svg" alt="Cloudflare logo" noZoom className="block h-9 w-9 dark:hidden" style={{ flexShrink: 0 }} />

      <img src="https://files.buildwithfern.com/https://launchdarkly.docs.buildwithfern.com/docs/cd480213d511106fc5fd504f35664f1a52cb94372bdddc9f059d6f9b50967f7b/assets/icons/dark/cloudflare.svg" alt="Cloudflare logo" noZoom className="hidden h-9 w-9 dark:block" style={{ flexShrink: 0 }} />

      <span className="text-sm font-medium text-[#2c2c2c] dark:text-slate-200">Cloudflare</span>
    </a>

    <a href="/sdk/edge/fastly" className="group flex flex-col items-center justify-center gap-3 rounded-xl border border-slate-200 bg-white p-5 no-underline transition hover:border-[#405BFF] hover:shadow-sm dark:border-white/10 dark:bg-white/[0.03] dark:hover:border-[#7084FF]">
      <img src="https://files.buildwithfern.com/https://launchdarkly.docs.buildwithfern.com/docs/e351c0d38f55b90391d21fce78cb855e75edeed8341ea5656fd6f56412229a7d/assets/icons/light/fastly-light.svg" alt="Fastly logo" noZoom className="block h-9 w-9 dark:hidden" style={{ flexShrink: 0 }} />

      <img src="https://files.buildwithfern.com/https://launchdarkly.docs.buildwithfern.com/docs/e6069084f1083956606250c8554cdf9cad5f1a293f9e348834bf7f62bcc4e169/assets/icons/dark/fastly-dark.svg" alt="Fastly logo" noZoom className="hidden h-9 w-9 dark:block" style={{ flexShrink: 0 }} />

      <span className="text-sm font-medium text-[#2c2c2c] dark:text-slate-200">Fastly</span>
    </a>

    <a href="/sdk/edge/vercel" className="group flex flex-col items-center justify-center gap-3 rounded-xl border border-slate-200 bg-white p-5 no-underline transition hover:border-[#405BFF] hover:shadow-sm dark:border-white/10 dark:bg-white/[0.03] dark:hover:border-[#7084FF]">
      <img src="https://files.buildwithfern.com/https://launchdarkly.docs.buildwithfern.com/docs/e19fafc53e209d02c2d8554b9f5f1b9e62a296cc2d9bd0087da7bffd3754b796/assets/icons/light/vercel.svg" alt="Vercel logo" noZoom className="block h-9 w-9 dark:hidden" style={{ flexShrink: 0 }} />

      <img src="https://files.buildwithfern.com/https://launchdarkly.docs.buildwithfern.com/docs/d104854465ca986c41a1b43503787016c8df73d045932ecd0eed9f36248da823/assets/icons/dark/vercel.svg" alt="Vercel logo" noZoom className="hidden h-9 w-9 dark:block" style={{ flexShrink: 0 }} />

      <span className="text-sm font-medium text-[#2c2c2c] dark:text-slate-200">Vercel</span>
    </a>
  </div>

  {/* OpenFeature providers */}

  <h3 className="mt-10 text-sm font-semibold uppercase tracking-wider text-[#6D6E71] dark:text-[#A7A9AC]">
    OpenFeature providers
  </h3>

  <div className="mt-4 grid grid-cols-2 gap-3 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6">
    <a href="/sdk/openfeature/dotnet" className="group flex flex-col items-center justify-center gap-3 rounded-xl border border-slate-200 bg-white p-5 no-underline transition hover:border-[#405BFF] hover:shadow-sm dark:border-white/10 dark:bg-white/[0.03] dark:hover:border-[#7084FF]">
      <img src="https://files.buildwithfern.com/https://launchdarkly.docs.buildwithfern.com/docs/d573855de861cb58739933d8daa3f848469bdc49fc5fb994dcd889930f35b73e/assets/icons/light/dotnet.svg" alt=".NET logo" noZoom className="block h-9 w-9 dark:hidden" style={{ flexShrink: 0 }} />

      <img src="https://files.buildwithfern.com/https://launchdarkly.docs.buildwithfern.com/docs/79f44c483f1d70b11c055f8ce13103203f295fcf51b6c2aeb758c6d01abc40b4/assets/icons/dark/dotnet.svg" alt=".NET logo" noZoom className="hidden h-9 w-9 dark:block" style={{ flexShrink: 0 }} />

      <span className="text-sm font-medium text-[#2c2c2c] dark:text-slate-200">.NET</span>
    </a>

    <a href="/sdk/openfeature/java" className="group flex flex-col items-center justify-center gap-3 rounded-xl border border-slate-200 bg-white p-5 no-underline transition hover:border-[#405BFF] hover:shadow-sm dark:border-white/10 dark:bg-white/[0.03] dark:hover:border-[#7084FF]">
      <img src="https://files.buildwithfern.com/https://launchdarkly.docs.buildwithfern.com/docs/82a12e90c06582aa8db0822d56af2a80ed93c4f64ad452a4bf3172b9bcdf82e9/assets/icons/light/java.svg" alt="Java logo" noZoom className="block h-9 w-9 dark:hidden" style={{ flexShrink: 0 }} />

      <img src="https://files.buildwithfern.com/https://launchdarkly.docs.buildwithfern.com/docs/10a70244fc7ce0ba3d3a34c1d8607b5b7d0b7258b7b52efe2f8c503e53c8b475/assets/icons/dark/java.svg" alt="Java logo" noZoom className="hidden h-9 w-9 dark:block" style={{ flexShrink: 0 }} />

      <span className="text-sm font-medium text-[#2c2c2c] dark:text-slate-200">Java</span>
    </a>

    <a href="/sdk/openfeature/node-js" className="group flex flex-col items-center justify-center gap-3 rounded-xl border border-slate-200 bg-white p-5 no-underline transition hover:border-[#405BFF] hover:shadow-sm dark:border-white/10 dark:bg-white/[0.03] dark:hover:border-[#7084FF]">
      <img src="https://files.buildwithfern.com/https://launchdarkly.docs.buildwithfern.com/docs/7c5a5862da85d519e99717357af3e9e922fe7fdc4d51bdd446068905a7a38868/assets/icons/light/node.svg" alt="Node.js logo" noZoom className="block h-9 w-9 dark:hidden" style={{ flexShrink: 0 }} />

      <img src="https://files.buildwithfern.com/https://launchdarkly.docs.buildwithfern.com/docs/1f3aa47523e5da050a12172713cd6816a2c99d78368d5b7e40ae2f5f367a2ccb/assets/icons/dark/node.svg" alt="Node.js logo" noZoom className="hidden h-9 w-9 dark:block" style={{ flexShrink: 0 }} />

      <span className="text-sm font-medium text-[#2c2c2c] dark:text-slate-200">Node.js</span>
    </a>

    <a href="/sdk/openfeature/php" className="group flex flex-col items-center justify-center gap-3 rounded-xl border border-slate-200 bg-white p-5 no-underline transition hover:border-[#405BFF] hover:shadow-sm dark:border-white/10 dark:bg-white/[0.03] dark:hover:border-[#7084FF]">
      <img src="https://files.buildwithfern.com/https://launchdarkly.docs.buildwithfern.com/docs/607c22da9cdf02e386540a900fa2574bac08be6fc7aa3099c0102f40223cf6b5/assets/icons/light/php.svg" alt="PHP logo" noZoom className="block h-9 w-9 dark:hidden" style={{ flexShrink: 0 }} />

      <img src="https://files.buildwithfern.com/https://launchdarkly.docs.buildwithfern.com/docs/3fe62bfbac75127d4b85659acdc205c3e7c7a10fab245ceac3cf20e83bc151d0/assets/icons/dark/php.svg" alt="PHP logo" noZoom className="hidden h-9 w-9 dark:block" style={{ flexShrink: 0 }} />

      <span className="text-sm font-medium text-[#2c2c2c] dark:text-slate-200">PHP</span>
    </a>
  </div>

  {/* Observability SDKs */}

  <h3 className="mt-10 text-sm font-semibold uppercase tracking-wider text-[#6D6E71] dark:text-[#A7A9AC]">
    Observability SDKs
  </h3>

  <div className="mt-4 grid grid-cols-2 gap-3 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6">
    <a href="/sdk/observability/dotnet" className="group flex flex-col items-center justify-center gap-3 rounded-xl border border-slate-200 bg-white p-5 no-underline transition hover:border-[#405BFF] hover:shadow-sm dark:border-white/10 dark:bg-white/[0.03] dark:hover:border-[#7084FF]">
      <img src="https://files.buildwithfern.com/https://launchdarkly.docs.buildwithfern.com/docs/d573855de861cb58739933d8daa3f848469bdc49fc5fb994dcd889930f35b73e/assets/icons/light/dotnet.svg" alt=".NET logo" noZoom className="block h-9 w-9 dark:hidden" style={{ flexShrink: 0 }} />

      <img src="https://files.buildwithfern.com/https://launchdarkly.docs.buildwithfern.com/docs/79f44c483f1d70b11c055f8ce13103203f295fcf51b6c2aeb758c6d01abc40b4/assets/icons/dark/dotnet.svg" alt=".NET logo" noZoom className="hidden h-9 w-9 dark:block" style={{ flexShrink: 0 }} />

      <span className="text-sm font-medium text-[#2c2c2c] dark:text-slate-200">.NET</span>
    </a>

    <a href="/sdk/observability/android" className="group flex flex-col items-center justify-center gap-3 rounded-xl border border-slate-200 bg-white p-5 no-underline transition hover:border-[#405BFF] hover:shadow-sm dark:border-white/10 dark:bg-white/[0.03] dark:hover:border-[#7084FF]">
      <img src="https://files.buildwithfern.com/https://launchdarkly.docs.buildwithfern.com/docs/f55c98444fc3dbc960774c150aed1bda6ae87b65d1502ab1a0399d97bef61f4b/assets/icons/light/android.svg" alt="Android logo" noZoom className="block h-9 w-9 dark:hidden" style={{ flexShrink: 0 }} />

      <img src="https://files.buildwithfern.com/https://launchdarkly.docs.buildwithfern.com/docs/869c9d7edd58edac3f64cc1c6a273a03cbbe98e3e2fcb42736b5ab77df67c19e/assets/icons/dark/android.svg" alt="Android logo" noZoom className="hidden h-9 w-9 dark:block" style={{ flexShrink: 0 }} />

      <span className="text-sm font-medium text-[#2c2c2c] dark:text-slate-200">Android</span>
    </a>

    <a href="/sdk/observability/ios" className="group flex flex-col items-center justify-center gap-3 rounded-xl border border-slate-200 bg-white p-5 no-underline transition hover:border-[#405BFF] hover:shadow-sm dark:border-white/10 dark:bg-white/[0.03] dark:hover:border-[#7084FF]">
      <img src="https://files.buildwithfern.com/https://launchdarkly.docs.buildwithfern.com/docs/8ac93f256cef3ff2d32be3306b4d6c0436acebd09ff6d815ba50e441ee965c99/assets/icons/light/ios.svg" alt="iOS logo" noZoom className="block h-9 w-9 dark:hidden" style={{ flexShrink: 0 }} />

      <img src="https://files.buildwithfern.com/https://launchdarkly.docs.buildwithfern.com/docs/551ce35b6e75ad19ef4a5c17417da2dfa3ba4bf3e7a54dcf17f073e2bf70db62/assets/icons/dark/ios.svg" alt="iOS logo" noZoom className="hidden h-9 w-9 dark:block" style={{ flexShrink: 0 }} />

      <span className="text-sm font-medium text-[#2c2c2c] dark:text-slate-200">iOS</span>
    </a>

    <a href="/sdk/observability/go" className="group flex flex-col items-center justify-center gap-3 rounded-xl border border-slate-200 bg-white p-5 no-underline transition hover:border-[#405BFF] hover:shadow-sm dark:border-white/10 dark:bg-white/[0.03] dark:hover:border-[#7084FF]">
      <img src="https://files.buildwithfern.com/https://launchdarkly.docs.buildwithfern.com/docs/bdc61f086f682100caaaf2b75ebae9d708fa82f3fa82aa879b5ad9ad6dec0296/assets/icons/light/go.svg" alt="Go logo" noZoom className="block h-9 w-9 dark:hidden" style={{ flexShrink: 0 }} />

      <img src="https://files.buildwithfern.com/https://launchdarkly.docs.buildwithfern.com/docs/61d97828914d8aefd9a04275b0a840d77f9d35e0243576931f33c2ff56cdf6e3/assets/icons/dark/go.svg" alt="Go logo" noZoom className="hidden h-9 w-9 dark:block" style={{ flexShrink: 0 }} />

      <span className="text-sm font-medium text-[#2c2c2c] dark:text-slate-200">Go</span>
    </a>

    <a href="/sdk/observability/javascript" className="group flex flex-col items-center justify-center gap-3 rounded-xl border border-slate-200 bg-white p-5 no-underline transition hover:border-[#405BFF] hover:shadow-sm dark:border-white/10 dark:bg-white/[0.03] dark:hover:border-[#7084FF]">
      <img src="https://files.buildwithfern.com/https://launchdarkly.docs.buildwithfern.com/docs/5e1a9deeb840901502f5c31784f91705a7f29a29e1719b9112bb16a40ee8856b/assets/icons/light/javascript.svg" alt="JavaScript logo" noZoom className="block h-9 w-9 dark:hidden" style={{ flexShrink: 0 }} />

      <img src="https://files.buildwithfern.com/https://launchdarkly.docs.buildwithfern.com/docs/772dd5c47e0e57220ba1acbe3586676011159489558cc2fdafd9052f159ca15e/assets/icons/dark/javascript.svg" alt="JavaScript logo" noZoom className="hidden h-9 w-9 dark:block" style={{ flexShrink: 0 }} />

      <span className="text-sm font-medium text-[#2c2c2c] dark:text-slate-200">JavaScript</span>
    </a>

    <a href="/sdk/observability/node-js" className="group flex flex-col items-center justify-center gap-3 rounded-xl border border-slate-200 bg-white p-5 no-underline transition hover:border-[#405BFF] hover:shadow-sm dark:border-white/10 dark:bg-white/[0.03] dark:hover:border-[#7084FF]">
      <img src="https://files.buildwithfern.com/https://launchdarkly.docs.buildwithfern.com/docs/7c5a5862da85d519e99717357af3e9e922fe7fdc4d51bdd446068905a7a38868/assets/icons/light/node.svg" alt="Node.js logo" noZoom className="block h-9 w-9 dark:hidden" style={{ flexShrink: 0 }} />

      <img src="https://files.buildwithfern.com/https://launchdarkly.docs.buildwithfern.com/docs/1f3aa47523e5da050a12172713cd6816a2c99d78368d5b7e40ae2f5f367a2ccb/assets/icons/dark/node.svg" alt="Node.js logo" noZoom className="hidden h-9 w-9 dark:block" style={{ flexShrink: 0 }} />

      <span className="text-sm font-medium text-[#2c2c2c] dark:text-slate-200">Node.js</span>
    </a>

    <a href="/sdk/observability/python" className="group flex flex-col items-center justify-center gap-3 rounded-xl border border-slate-200 bg-white p-5 no-underline transition hover:border-[#405BFF] hover:shadow-sm dark:border-white/10 dark:bg-white/[0.03] dark:hover:border-[#7084FF]">
      <img src="https://files.buildwithfern.com/https://launchdarkly.docs.buildwithfern.com/docs/7d3f53e8aaede35c99164edb18078f0e45b49c24d054f5103cad723e07456896/assets/icons/light/python.svg" alt="Python logo" noZoom className="block h-9 w-9 dark:hidden" style={{ flexShrink: 0 }} />

      <img src="https://files.buildwithfern.com/https://launchdarkly.docs.buildwithfern.com/docs/42f294cb0a1f4d7c56de47a258f2c44b89a2b44a0bf4e5db85888123cd1e0705/assets/icons/dark/python.svg" alt="Python logo" noZoom className="hidden h-9 w-9 dark:block" style={{ flexShrink: 0 }} />

      <span className="text-sm font-medium text-[#2c2c2c] dark:text-slate-200">Python</span>
    </a>

    <a href="/sdk/observability/react-web" className="group flex flex-col items-center justify-center gap-3 rounded-xl border border-slate-200 bg-white p-5 no-underline transition hover:border-[#405BFF] hover:shadow-sm dark:border-white/10 dark:bg-white/[0.03] dark:hover:border-[#7084FF]">
      <img src="https://files.buildwithfern.com/https://launchdarkly.docs.buildwithfern.com/docs/1e993d835dbc1fa08e3d75f6dbb50011e136d8f919a2bff0af283ee53c0b909d/assets/icons/light/react.svg" alt="React logo" noZoom className="block h-9 w-9 dark:hidden" style={{ flexShrink: 0 }} />

      <img src="https://files.buildwithfern.com/https://launchdarkly.docs.buildwithfern.com/docs/1dc5831fb41d2bd7ec5f698e75fe9081aae3ec81326edb9a53c4307012c610da/assets/icons/dark/react.svg" alt="React logo" noZoom className="hidden h-9 w-9 dark:block" style={{ flexShrink: 0 }} />

      <span className="text-sm font-medium text-[#2c2c2c] dark:text-slate-200">React Web</span>
    </a>

    <a href="/sdk/observability/react-native" className="group flex flex-col items-center justify-center gap-3 rounded-xl border border-slate-200 bg-white p-5 no-underline transition hover:border-[#405BFF] hover:shadow-sm dark:border-white/10 dark:bg-white/[0.03] dark:hover:border-[#7084FF]">
      <img src="https://files.buildwithfern.com/https://launchdarkly.docs.buildwithfern.com/docs/1e993d835dbc1fa08e3d75f6dbb50011e136d8f919a2bff0af283ee53c0b909d/assets/icons/light/react.svg" alt="React logo" noZoom className="block h-9 w-9 dark:hidden" style={{ flexShrink: 0 }} />

      <img src="https://files.buildwithfern.com/https://launchdarkly.docs.buildwithfern.com/docs/1dc5831fb41d2bd7ec5f698e75fe9081aae3ec81326edb9a53c4307012c610da/assets/icons/dark/react.svg" alt="React logo" noZoom className="hidden h-9 w-9 dark:block" style={{ flexShrink: 0 }} />

      <span className="text-sm font-medium text-[#2c2c2c] dark:text-slate-200">React Native</span>
    </a>

    <a href="/sdk/observability/vue" className="group flex flex-col items-center justify-center gap-3 rounded-xl border border-slate-200 bg-white p-5 no-underline transition hover:border-[#405BFF] hover:shadow-sm dark:border-white/10 dark:bg-white/[0.03] dark:hover:border-[#7084FF]">
      <img src="https://files.buildwithfern.com/https://launchdarkly.docs.buildwithfern.com/docs/ea0b76a484e46f4b6fffee501d5e852ae551c73d0e2fa5718876ddfd2a788a13/assets/icons/light/vue.svg" alt="Vue logo" noZoom className="block h-9 w-9 dark:hidden" style={{ flexShrink: 0 }} />

      <img src="https://files.buildwithfern.com/https://launchdarkly.docs.buildwithfern.com/docs/d80a6e5450db4487591e5be90784d90f8a21d953db69992f874006446196fbd7/assets/icons/dark/vue.svg" alt="Vue logo" noZoom className="hidden h-9 w-9 dark:block" style={{ flexShrink: 0 }} />

      <span className="text-sm font-medium text-[#2c2c2c] dark:text-slate-200">Vue</span>
    </a>
  </div>
</section>

<section className="mx-auto max-w-7xl px-4 pt-20 sm:px-6 lg:px-8">
  <h2 className="text-2xl font-bold tracking-tight text-[#2c2c2c] dark:text-white sm:text-3xl">
    Additional resources
  </h2>

  <p className="mt-3 max-w-2xl text-base text-[#58595B] dark:text-[#D1D3D4]">
    Learn how to use LaunchDarkly with these other useful resources.
  </p>

  <div className="mt-8 grid grid-cols-1 gap-5 sm:grid-cols-2">
    <a href="https://discord.com/invite/launchdarklycommunity" target="_blank" className="group flex items-start gap-4 rounded-2xl border border-slate-200 bg-white p-6 no-underline transition hover:-translate-y-0.5 hover:border-[#405BFF] hover:shadow-lg hover:shadow-[#405BFF]/5 dark:border-white/10 dark:bg-white/[0.03] dark:hover:border-[#7084FF]">
      <img src="https://files.buildwithfern.com/https://launchdarkly.docs.buildwithfern.com/docs/21292011a4aebcea20998708194146e6d01304ebf94775a02e7fb4a1856f9014/assets/icons/resources-logos/discord.svg" alt="Discord logo" noZoom className="h-10 w-10" style={{ flexShrink: 0 }} />

      <div>
        <h3 className="m-0 text-base font-semibold text-[#2c2c2c] dark:text-white">LaunchDarkly community</h3>
        <p className="mt-1 text-sm leading-relaxed text-[#58595B] dark:text-[#D1D3D4]">Join other LaunchDarkly users on Discord.</p>
      </div>
    </a>

    <a href="https://www.youtube.com/c/LaunchDarkly" target="_blank" className="group flex items-start gap-4 rounded-2xl border border-slate-200 bg-white p-6 no-underline transition hover:-translate-y-0.5 hover:border-[#405BFF] hover:shadow-lg hover:shadow-[#405BFF]/5 dark:border-white/10 dark:bg-white/[0.03] dark:hover:border-[#7084FF]">
      <img src="https://files.buildwithfern.com/https://launchdarkly.docs.buildwithfern.com/docs/000e6610ede33fbd5500e42320b0d40cce4262991599f281fdfd84e245a6a542/assets/icons/resources-logos/youtube.svg" alt="YouTube logo" noZoom className="h-10 w-10" style={{ flexShrink: 0 }} />

      <div>
        <h3 className="m-0 text-base font-semibold text-[#2c2c2c] dark:text-white">LaunchDarkly YouTube</h3>
        <p className="mt-1 text-sm leading-relaxed text-[#58595B] dark:text-[#D1D3D4]">Watch videos covering integration demos, SDK overviews, a UI tutorial, and more.</p>
      </div>
    </a>

    <a href="https://academy.launchdarkly.com/" target="_blank" className="group flex items-start gap-4 rounded-2xl border border-slate-200 bg-white p-6 no-underline transition hover:-translate-y-0.5 hover:border-[#405BFF] hover:shadow-lg hover:shadow-[#405BFF]/5 dark:border-white/10 dark:bg-white/[0.03] dark:hover:border-[#7084FF]">
      <img src="https://files.buildwithfern.com/https://launchdarkly.docs.buildwithfern.com/docs/ac05c21c44d6f13740c40662786a0bbf37979c7c4e2ef0ddaa9c2bd84dd67bc1/assets/icons/resources-logos/academy.svg" alt="Academy logo" noZoom className="h-10 w-10" style={{ flexShrink: 0 }} />

      <div>
        <h3 className="m-0 text-base font-semibold text-[#2c2c2c] dark:text-white">LaunchDarkly Academy</h3>
        <p className="mt-1 text-sm leading-relaxed text-[#58595B] dark:text-[#D1D3D4]">Learn more with recommended courses, live or self-guided training, webinars, and other activities.</p>
      </div>
    </a>

    <a href="https://support.launchdarkly.com/hc/en-us/categories/11335256237851-Knowledge-Base" target="_blank" className="group flex items-start gap-4 rounded-2xl border border-slate-200 bg-white p-6 no-underline transition hover:-translate-y-0.5 hover:border-[#405BFF] hover:shadow-lg hover:shadow-[#405BFF]/5 dark:border-white/10 dark:bg-white/[0.03] dark:hover:border-[#7084FF]">
      <img src="https://files.buildwithfern.com/https://launchdarkly.docs.buildwithfern.com/docs/74fdcccce8c2a4cd8b0dd8c0c110d7d8cf3cb995a3636ff673f0ae2d269df283/assets/icons/resources-logos/knowledge.svg" alt="Knowledge base logo" noZoom className="h-10 w-10" style={{ flexShrink: 0 }} />

      <div>
        <h3 className="m-0 text-base font-semibold text-[#2c2c2c] dark:text-white">LaunchDarkly knowledge base</h3>
        <p className="mt-1 text-sm leading-relaxed text-[#58595B] dark:text-[#D1D3D4]">Find frequently asked questions and ways to contact LaunchDarkly Support.</p>
      </div>
    </a>
  </div>
</section>

<section className="mx-auto max-w-7xl px-4 py-20 sm:px-6 lg:px-8">
  <div className="relative overflow-hidden rounded-3xl border border-[#405BFF]/20 bg-cover bg-center bg-no-repeat px-7 py-12 dark:border-transparent sm:px-12 sm:py-16" style={{ backgroundImage: "url('https://files.buildwithfern.com/https://launchdarkly.docs.buildwithfern.com/docs/b1576cea33861d293e3009179ef6caddd0822d5903d4d2bd1ffbb0857ad99fe3/assets/images/homepage/new-hp--mid-page-banner-bg.svg')" }}>
    <div className="relative max-w-2xl">
      <h2 className="m-0 text-2xl font-bold tracking-tight text-white sm:text-3xl">
        Ready to ship your first safe release?
      </h2>

      <p className="mt-4 max-w-xl text-base leading-relaxed text-white/85">
        Start free, connect an SDK, and move from a single flag to coordinated
        releases backed by experimentation and observability.
      </p>

      <div className="mt-7 flex flex-col gap-4 sm:flex-row">
        <a href="https://app.launchdarkly.com/signup" className="inline-flex items-center justify-center rounded-full bg-white px-8 py-3.5 text-sm font-semibold text-[#1a1a2e] no-underline transition hover:bg-slate-100">
          Try it free →
        </a>

        <a href="/home/getting-started" className="inline-flex items-center justify-center rounded-full border border-white/60 bg-transparent px-8 py-3.5 text-sm font-semibold text-white no-underline transition hover:border-white hover:bg-white/10">
          Read the quickstart
        </a>
      </div>
    </div>
  </div>
</section>