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

# JavaScript SDK reference

> Overview of the Apitally SDK for JavaScript.

<CardGroup cols={2}>
  <Card title="GitHub repository" icon="github" href="https://github.com/apitally/apitally-js" target="_blank">
    apitally/apitally-js
  </Card>

  <Card title="npm package" icon="npm" href="https://www.npmjs.com/package/apitally" target="_blank">
    apitally
  </Card>
</CardGroup>

<Tip>Running Hono on Cloudflare Workers? Use our [Serverless SDK](/sdk-reference/javascript-serverless/overview) instead.</Tip>

## Installation

```shell theme={null}
npm install apitally
```

## Supported frameworks

The JavaScript SDK currently supports the web frameworks listed below. If your framework is not listed, please [let us know](/support) and we'll consider adding support for it.

Click on a framework for a detailed setup guide.

<CardGroup cols={3}>
  <Card
    title="AdonisJS"
    icon={
  <img
    src="https://assets.apitally.io/frameworks/adonisjs-icon.svg"
    style={{ height: "32px", maxWidth: "unset", margin: 0 }}
    alt="AdonisJS icon"
  />
}
    href="/setup-guides/adonisjs"
  />

  <Card
    title="Elysia"
    icon={
  <img
    src="https://assets.apitally.io/frameworks/elysia-icon.svg"
    style={{ height: "32px", maxWidth: "unset", margin: 0 }}
    alt="Elysia icon"
  />
}
    href="/setup-guides/elysia"
  />

  <Card
    title="Express"
    icon={
  <img
    src="https://assets.apitally.io/frameworks/express-icon.svg"
    style={{ height: "32px", maxWidth: "unset", margin: 0 }}
    alt="Express icon"
  />
}
    href="/setup-guides/express"
  />

  <Card
    title="Fastify"
    icon={
  <img
    src="https://assets.apitally.io/frameworks/fastify-icon.svg"
    style={{ height: "32px", maxWidth: "unset", margin: 0 }}
    alt="Fastify icon"
  />
}
    href="/setup-guides/fastify"
  />

  <Card
    title="H3"
    icon={
  <img
    src="https://assets.apitally.io/frameworks/h3-icon.svg"
    style={{ height: "32px", maxWidth: "unset", margin: 0 }}
    alt="H3 icon"
  />
}
    href="/setup-guides/h3"
  />

  <Card
    title="hapi"
    icon={
  <img
    src="https://assets.apitally.io/frameworks/hapi-icon.svg"
    style={{ height: "32px", maxWidth: "unset", margin: 0 }}
    alt="hapi icon"
  />
}
    href="/setup-guides/hapi"
  />

  <Card
    title="Hono"
    icon={
  <img
    src="https://assets.apitally.io/frameworks/hono-icon.svg"
    style={{ height: "32px", maxWidth: "unset", margin: 0 }}
    alt="Hono icon"
  />
}
    href="/setup-guides/hono"
  />

  <Card
    title="Koa"
    icon={
  <img
    src="https://assets.apitally.io/frameworks/koa-icon.svg"
    style={{ height: "32px", maxWidth: "unset", margin: 0 }}
    alt="Koa icon"
  />
}
    href="/setup-guides/koa"
  />

  <Card
    title="NestJS"
    icon={
  <img
    src="https://assets.apitally.io/frameworks/nestjs-icon.svg"
    style={{ height: "32px", maxWidth: "unset", margin: 0 }}
    alt="NestJS icon"
  />
}
    href="/setup-guides/nestjs"
  />
</CardGroup>