> ## Documentation Index
> Fetch the complete documentation index at: https://docs.streambird.io/llms.txt
> Use this file to discover all available pages before exploring further.

# Client Libraries

> Pick a platform or a framework

Select a platform or framework that aligns with your project's requirements and optimizes your development process.

## Client SDK

<CardGroup cols={1}>
  <Card title="" href="/get-started/frontend-sdks/react/installation">
    <div style={{ display: "flex", alignItems: "center", gap: "16px" }}>
      <img width="50px" src="https://mintcdn.com/streambird-23/Fnk1Io3R7wZqFtX0/images/react.svg?fit=max&auto=format&n=Fnk1Io3R7wZqFtX0&q=85&s=426e87e742828b07845a5909080d85f8" data-path="images/react.svg" />

      <div>React / NextJS</div>
    </div>
  </Card>
</CardGroup>

## Backend API Client

<CardGroup cols={1}>
  <Card title="" href="#">
    <div style={{ display: "flex", alignItems: "center", gap: "16px" }}>
      <img width="50px" src="https://mintcdn.com/streambird-23/PiBN7-K0u0e27Xai/images/nodejs.svg?fit=max&auto=format&n=PiBN7-K0u0e27Xai&q=85&s=11ee09034ef0c75ac7c73b758c70e6de" data-path="images/nodejs.svg" />

      <div>Node `Coming soon`</div>
    </div>
  </Card>

  <Card title="" href="#">
    <div style={{ display: "flex", alignItems: "center", gap: "16px" }}>
      <img width="50px" src="https://mintcdn.com/streambird-23/Fnk1Io3R7wZqFtX0/images/python.svg?fit=max&auto=format&n=Fnk1Io3R7wZqFtX0&q=85&s=c18d6626863b3fd2b98612aca006432f" data-path="images/python.svg" />

      <div>Python `Coming soon`</div>
    </div>
  </Card>

  <Card title="" href="#">
    <div style={{ display: "flex", alignItems: "center", gap: "16px" }}>
      <img width="50px" src="https://mintcdn.com/streambird-23/Fnk1Io3R7wZqFtX0/images/ruby.svg?fit=max&auto=format&n=Fnk1Io3R7wZqFtX0&q=85&s=f632234984cbb730ac1c0b2dd496bcf4" data-path="images/ruby.svg" />

      <div>Ruby `Coming soon`</div>
    </div>
  </Card>

  <Card title="" href="#">
    <div style={{ display: "flex", alignItems: "center", gap: "16px" }}>
      <img width="50px" src="https://mintcdn.com/streambird-23/PiBN7-K0u0e27Xai/images/golang.svg?fit=max&auto=format&n=PiBN7-K0u0e27Xai&q=85&s=2eae563f27adba95cfab55b4542da4a6" data-path="images/golang.svg" />

      <div>Go `Coming soon`</div>
    </div>
  </Card>

  <Card title="" href="#">
    <div style={{ display: "flex", alignItems: "center", gap: "16px" }}>
      <img width="50px" src="https://mintcdn.com/streambird-23/PiBN7-K0u0e27Xai/images/java.svg?fit=max&auto=format&n=PiBN7-K0u0e27Xai&q=85&s=c9cc828b7d8b0c794dea9074a956b6e0" data-path="images/java.svg" />

      <div>Java `Coming soon`</div>
    </div>
  </Card>
</CardGroup>

## Mobile SDKs `Coming soon`

<CardGroup cols={1}>
  <Card title="" href="#">
    <div style={{ display: "flex", alignItems: "center", gap: "16px" }}>
      <img width="50px" src="https://mintcdn.com/streambird-23/PiBN7-K0u0e27Xai/images/android.svg?fit=max&auto=format&n=PiBN7-K0u0e27Xai&q=85&s=66e3f0e5b4fe1968eed74c7ced609493" data-path="images/android.svg" />

      <div>
        <div style={{ fontWeight: 600 }}>Android `Coming soon`</div>
        <div>Kotlin / Java</div>
      </div>
    </div>
  </Card>

  <Card title="" href="#">
    <div style={{ display: "flex", alignItems: "center", gap: "16px" }}>
      <img width="50px" src="https://mintcdn.com/streambird-23/PiBN7-K0u0e27Xai/images/apple.svg?fit=max&auto=format&n=PiBN7-K0u0e27Xai&q=85&s=29871e55e87350bbe1facedd9cc52a8e" data-path="images/apple.svg" />

      <div>
        <div style={{ fontWeight: 600 }}>iOS `Coming soon`</div>
        <div>Swift</div>
      </div>
    </div>
  </Card>

  <Card title="" href="#">
    <div style={{ display: "flex", alignItems: "center", gap: "16px" }}>
      <img width="50px" src="https://mintcdn.com/streambird-23/Fnk1Io3R7wZqFtX0/images/react.svg?fit=max&auto=format&n=Fnk1Io3R7wZqFtX0&q=85&s=426e87e742828b07845a5909080d85f8" data-path="images/react.svg" />

      <div>
        <div style={{ fontWeight: 600 }}>React Native `Coming soon`</div>
        <div>Android + iOS</div>
      </div>
    </div>
  </Card>

  <Card title="" href="#">
    <div style={{ display: "flex", alignItems: "center", gap: "16px" }}>
      <img width="50px" src="https://mintcdn.com/streambird-23/PiBN7-K0u0e27Xai/images/flutter.svg?fit=max&auto=format&n=PiBN7-K0u0e27Xai&q=85&s=cfef0e34bb0f3938d771f7600a826025" data-path="images/flutter.svg" />

      <div>
        <div style={{ fontWeight: 600 }}>Flutter `Coming soon`</div>
        <div>Android + iOS</div>
      </div>
    </div>
  </Card>
</CardGroup>

## Read about our server APIs

<CardGroup cols={1}>
  <Card title="" href="https://docs.moonkey.fun/">
    <div style={{ display: "flex", alignItems: "center", gap: "16px" }}>
      <img width="50px" src="https://mintcdn.com/streambird-23/PiBN7-K0u0e27Xai/images/api.svg?fit=max&auto=format&n=PiBN7-K0u0e27Xai&q=85&s=973bcc88b8f90be1a260e4f2152a9099" data-path="images/api.svg" />

      <div>API Reference</div>
    </div>
  </Card>
</CardGroup>