# Apache Kafka® Clients

<link rel="stylesheet" href="../_static/css/clients-page.css">

<!-- ── HERO ──────────────────────────────────────────────────────────── -->
<div class="cl-hero">
  <div class="cl-hero-inner">
    <div class="cl-hero-wrapper">
      <h1 class="cl-hero-title">Apache Kafka® Clients</h1>
      <p class="cl-hero-desc">Build scalable, fault-tolerant applications and microservices that produce, consume, and process event streams in parallel.</p>
    </div>
  </div>

  <!-- Illustration -->
  <div class="cl-hero-illustration" aria-hidden="true">
    <img class="hp-hero-illustration--light" src="../_static/images/kafka_light.svg" alt="">
    <img class="hp-hero-illustration--dark"  src="../_static/images/kafka_dark.svg"  alt="">
  </div>
</div>

<!-- ── CLIENT GUIDES ─────────────────────────────────────────────────── -->
<div class="cl-section">
  <div class="cl-inner">
    <h2 class="cl-section-title">Client guides</h2>

    <div class="cl-tabs">
      <button class="cl-tab cl-tab--active" data-tab="cloud">Confluent Cloud</button>
      <button class="cl-tab" data-tab="platform">Confluent Platform</button>
    </div>

    <div class="cl-grid cl-grid-cloud" id="cl-grid-cloud">
      <a class="cl-card" href="https://docs.confluent.io/cloud/current/get-started/tutorials/index.html">
        <div class="cl-card-title">Client Examples</div>
        <p class="cl-card-desc">Follow step-by-step guides to build producers, consumers, and streaming applications.</p>
      </a>
      <a class="cl-card" href="https://docs.confluent.io/kafka-clients/java/current/overview.html">
        <div class="cl-card-title">Java Client</div>
        <p class="cl-card-desc">Produce and consume Kafka events using the built-in Java client.</p>
      </a>
      <a class="cl-card" href="https://docs.confluent.io/kafka-clients/librdkafka/current/overview.html">
        <div class="cl-card-title">C/C++ Client</div>
        <p class="cl-card-desc">Build high-performance C and C++ applications using the native librdkafka client library.</p>
      </a>
      <a class="cl-card" href="https://docs.confluent.io/kafka-clients/python/current/overview.html">
        <div class="cl-card-title">Python Client</div>
        <p class="cl-card-desc">Build Python event streaming applications using Confluent's client built on librdkafka.</p>
      </a>
      <a class="cl-card" href="https://docs.confluent.io/kafka-clients/go/current/overview.html">
        <div class="cl-card-title">Go Client</div>
        <p class="cl-card-desc">Build Go event streaming applications using Confluent's client built on librdkafka.</p>
      </a>
      <a class="cl-card" href="https://docs.confluent.io/kafka-clients/dotnet/current/overview.html">
        <div class="cl-card-title">.NET Client</div>
        <p class="cl-card-desc">Build .NET event streaming applications using Confluent's client built on librdkafka.</p>
      </a>
      <a class="cl-card" href="https://docs.confluent.io/kafka-clients/javascript/current/overview.html">
        <div class="cl-card-title">JavaScript Client</div>
        <p class="cl-card-desc">Build JavaScript event streaming applications using Confluent's high-performance client built on librdkafka.</p>
      </a>
    </div>

    <div class="cl-grid cl-grid-platform" id="cl-grid-platform" style="display:none">
      <a class="cl-card" href="https://docs.confluent.io/platform/current/clients/examples.html">
        <div class="cl-card-title">Client Examples</div>
        <p class="cl-card-desc">Step-by-step guides to build producers, consumers, and streaming applications.</p>
      </a>
      <a class="cl-card" href="https://docs.confluent.io/kafka-clients/java/current/overview.html">
        <div class="cl-card-title">Java Client</div>
        <p class="cl-card-desc">Java producer and consumer shipped with Apache Kafka.</p>
      </a>
      <a class="cl-card" href="https://docs.confluent.io/kafka-clients/librdkafka/current/overview.html">
        <div class="cl-card-title">C/C++ Client</div>
        <p class="cl-card-desc">High-performance C and C++ client library built on librdkafka.</p>
      </a>
      <a class="cl-card" href="https://docs.confluent.io/kafka-clients/python/current/overview.html">
        <div class="cl-card-title">Python Client</div>
        <p class="cl-card-desc">Python client that provides a high-level producer, consumer, and AdminClient.</p>
      </a>
      <a class="cl-card" href="https://docs.confluent.io/kafka-clients/go/current/overview.html">
        <div class="cl-card-title">Go Client</div>
        <p class="cl-card-desc">Go client that offers a producer and a consumer for Kafka.</p>
      </a>
      <a class="cl-card" href="https://docs.confluent.io/kafka-clients/dotnet/current/overview.html">
        <div class="cl-card-title">.NET Client</div>
        <p class="cl-card-desc">.NET client that provides a high-level producer, consumer, and AdminClient.</p>
      </a>
      <a class="cl-card" href="https://docs.confluent.io/kafka-clients/javascript/current/overview.html">
        <div class="cl-card-title">JavaScript Client</div>
        <p class="cl-card-desc">JavaScript client that provides a high-level producer, consumer, and AdminClient.</p>
      </a>
    </div>
  </div>
</div>

    <script>
    document.querySelectorAll('.cl-tab').forEach(function (btn) {
      btn.addEventListener('click', function () {
        document.querySelectorAll('.cl-tab').forEach(function (b) { b.classList.remove('cl-tab--active'); });
        btn.classList.add('cl-tab--active');
        document.getElementById('cl-grid-cloud').style.display = btn.dataset.tab === 'cloud' ? '' : 'none';
        document.getElementById('cl-grid-platform').style.display = btn.dataset.tab === 'platform' ? '' : 'none';
      });
    });
    </script>
