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

# Overview

> Turnkey's Embedded Wallet Kit [`(@turnkey/react-wallet-kit)`](https://www.npmjs.com/package/@turnkey/react-wallet-kit) is the easiest way to integrate Turnkey’s Embedded Wallets into React applications. It supports both backendless setups via Turnkey’s managed [Auth Proxy](https://docs.turnkey.com/reference/auth-proxy) and traditional backend-based architectures. Built on [`@turnkey/core`](https://www.npmjs.com/package/@turnkey/core), it provides a set of UI components and easy-to-use functions, all exported from a hook, allowing you to quickly build secure embedded wallet experiences.

Find `@turnkey/react-wallet-kit` on [npm](https://www.npmjs.com/package/@turnkey/react-wallet-kit) or view the source code on [GitHub](https://github.com/tkhq/sdk/tree/main/packages/react-wallet-kit)!

<CardGroup>
  <Card title="Getting started" href="/sdks/react/getting-started" icon="file-lines" iconType="solid" horizontal>
    The initial setup guide for integrating the Embedded Wallet Kit into your React app.
  </Card>

  <Card title="Authentication" href="/sdks/react/auth" icon="file-lines" iconType="solid" horizontal>
    Learn how to set up authentication that leverages Turnkey's Auth Proxy, enabling fast and secure user authentication in your React app.
  </Card>

  <Card title="Using embedded wallets" href="/sdks/react/using-embedded-wallets" icon="file-lines" iconType="solid" horizontal>
    Discover how to create and manage embedded wallets in your React
    application, including wallet creation, account derivation, and more.
  </Card>

  <Card title="Using external wallets" href="/sdks/react/using-external-wallets" icon="file-lines" iconType="solid" horizontal>
    Learn how to use external wallets alongside your embedded wallets in your
    React app using Turnkey's abstractions.
  </Card>

  <Card title="Signing" href="/sdks/react/signing" icon="file-lines" iconType="solid" horizontal>
    Learn how to sign transactions and messages in your React app using Turnkey's
    Embedded Wallets or an external "browser" wallet.
  </Card>

  <Card title="UI customization" href="/sdks/react/ui-customization" icon="file-lines" iconType="solid" horizontal>
    Customize the look and feel of the modals in your React app using the provided
    UI components.
  </Card>

  <Card title="Sub-organization customization" href="/sdks/react/sub-organization-customization" icon="file-lines" iconType="solid" horizontal>
    Learn how to customize the sub-organization settings in your React app,
    including wallet creation options and default usernames for different
    authentication methods.
  </Card>

  <Card title="Advanced API requests" href="/sdks/react/advanced-api-requests" icon="file-lines" iconType="solid" horizontal>
    Explore how to make advanced API requests to Turnkey's infrastructure. This
    will help you build more complex features and functionalities in your app that
    go beyond what is included as helper functions in the SDK.
  </Card>

  <Card title="Advanced backend authentication" href="/sdks/react/advanced-backend-authentication" icon="file-lines" iconType="solid" horizontal>
    Learn how to set up authentication using your backend and the Embedded Wallet
    Kit.
  </Card>

  <Card title="Troubleshooting" href="/sdks/react/troubleshooting" icon="file-lines" iconType="solid" horizontal>
    Find solutions to common issues and errors you might encounter while using the
    Embedded Wallet Kit in your React application.
  </Card>
</CardGroup>