> ## Documentation Index
> Fetch the complete documentation index at: https://turnkey-0e7c1f5b-traian-remove-eip-712-note.mintlify.site/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.

export const FeatureCard = ({title, description, icon, logo, href}) => {
  return <a href={href} className="not-prose font-normal group ring-0 ring-transparent cursor-pointer block rounded-lg border border-zinc-950/10 dark:border-white/10 bg-white dark:bg-transparent p-5 no-underline hover:border-primary/40 transition-colors">
      <div className="tk-card-row">
        <span className="tk-card-icon-wrap">
          {logo ? <img src={`/images/networks/${logo}.svg`} className="tk-card-network-logo" alt="" /> : <span className="tk-card-icon" style={{
    maskImage: `url(/images/icons/${icon}.svg)`,
    WebkitMaskImage: `url(/images/icons/${icon}.svg)`
  }} />}
        </span>
        <div>
          <div className="font-semibold text-sm text-zinc-950 dark:text-white group-hover:text-primary transition-colors">
            {title}
          </div>
          {description && <div className="text-sm text-zinc-500 dark:text-zinc-400 mt-1">
              {description}
            </div>}
        </div>
      </div>
    </a>;
};

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)! For a working reference implementation covering auth, wallet management, signing, import/export, see the [react-wallet-kit](https://github.com/tkhq/sdk/tree/main/examples/demos/with-react-wallet-kit) example app, or try the [live demo](https://wallets.turnkey.com).

<div style={{display: 'grid', gridTemplateColumns: 'repeat(2, 1fr)', gap: '12px'}}>
  <FeatureCard title="Getting started" icon="rocket-01" href="/solutions/embedded-wallets/integration-guide/react/getting-started" description="The initial setup guide for integrating the Embedded Wallet Kit into your React app." />

  <FeatureCard title="Authentication" icon="lock-01" href="/solutions/embedded-wallets/integration-guide/react/auth" description="Set up authentication with Turnkey's Auth Proxy for fast, secure user auth in your React app." />

  <FeatureCard title="Using embedded wallets" icon="wallet-04" href="/solutions/embedded-wallets/integration-guide/react/using-embedded-wallets" description="Create and manage embedded wallets, including wallet creation, account derivation, and more." />

  <FeatureCard title="Using external wallets" icon="wallet-04" href="/sdks/react/using-external-wallets" description="Use external wallets alongside embedded wallets using Turnkey's abstractions." />

  <FeatureCard title="Signing" icon="file-code-01" href="/solutions/embedded-wallets/integration-guide/react/signing" description="Sign transactions and messages using Turnkey's Embedded Wallets or an external browser wallet." />

  <FeatureCard title="UI customization" icon="tool-01" href="/solutions/embedded-wallets/integration-guide/react/ui-customization" description="Customize the look and feel of the modals using the provided UI components." />

  <FeatureCard title="Sub-organization customization" icon="tool-01" href="/solutions/embedded-wallets/integration-guide/react/sub-organization-customization" description="Customize sub-organization settings, including wallet creation options and default usernames." />

  <FeatureCard title="Advanced API requests" icon="code-02" href="/solutions/embedded-wallets/integration-guide/react/advanced-api-requests" description="Make advanced API requests to Turnkey's infrastructure beyond the SDK helper functions." />

  <FeatureCard title="Advanced backend authentication" icon="server-04" href="/solutions/embedded-wallets/integration-guide/react/advanced-backend-authentication" description="Set up authentication using your backend and the Embedded Wallet Kit." />

  <FeatureCard title="Troubleshooting" icon="book-open-01" href="/solutions/embedded-wallets/integration-guide/react/troubleshooting" description="Solutions to common issues and errors with the Embedded Wallet Kit." />
</div>