---
title: React Turnstile - Getting started
---

# Getting started

1. [Follow these steps](https://developers.cloudflare.com/turnstile/get-started/) to obtain a free site key and secret key from Cloudflare.

2. Install `@marsidev/react-turnstile` into your React project.

<Tabs
  values={[
    { label: 'npm', value: 'npm' },
    { label: 'pnpm', value: 'pnpm' },
    { label: 'bun', value: 'bun' }
  ]}
>

  <TabItem value="npm">
    ```bash
    npm i @marsidev/react-turnstile
    ```
  </TabItem>

  <TabItem value="pnpm">
    ```bash
    pnpm add @marsidev/react-turnstile
    ```
  </TabItem>

  <TabItem value="bun">
    ```bash
    bun add @marsidev/react-turnstile
    ```
  </TabItem>
</Tabs>