> ## 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.

# Embedded wallets quickstart

> Three paths to get started with Turnkey's embedded wallets, whether you want to explore, clone, or build from scratch.

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>;
};

Turnkey's embedded wallets let you add secure, fully-featured wallet experiences to your app. There
are three ways to get started, depending on how hands-on you want to be.

<Tip>
  **Building with AI?** Connect your IDE or LLM to Turnkey's docs via our [MCP server and LLM
  feeds](/get-started/using-llms) for contextual help while you integrate.
</Tip>

<div style={{display: 'grid', gridTemplateColumns: 'repeat(3, 1fr)', gap: '12px'}}>
  <FeatureCard title="Explore the live demo" icon="globe-01" href="#explore-the-live-demo" description="Try a working embedded wallet in your browser. No setup required." />

  <FeatureCard title="Clone and customize" icon="git-branch-01" href="#clone-and-customize" description="Start from a full demo app and make it your own." />

  <FeatureCard title="Build with the SDK" icon="tool-01" href="#build-with-the-integration-guide" description="Follow the integration guide to build from your own codebase." />
</div>

***

## Explore the live demo

The fastest way to see Turnkey embedded wallets in action. Our
[live demo app](https://wallets.turnkey.com/) is a fully functional embedded wallet built with the
Wallet Kit. Use it to try out authentication flows, wallet creation, transaction signing, and more,
all from your browser with no setup.

<FeatureCard title="Launch the live demo" icon="globe-01" href="https://wallets.turnkey.com/" description="Open wallets.turnkey.com and start exploring." />

## Clone and customize

If you want to get running locally, clone one of the demo apps below and start customizing. Each is
a complete, runnable application you can use as a starting point for your own integration.

### Web

#### Demo embedded wallet ([code](https://github.com/tkhq/sdk/tree/main/examples/demos/with-react-wallet-kit))

The flagship embedded wallet demo. Built with `@turnkey/react-wallet-kit`. Covers the full embedded
wallet lifecycle:

* Authentication via passkeys, email OTP, and OAuth
* Creating wallets and wallet accounts
* Sending and receiving funds
* Importing and exporting wallets
* Adding credentials

<CardGroup>
  <Frame>
    <img src="https://mintcdn.com/turnkey-0e7c1f5b/83HCB8zBjOP3rX5S/images/getting-started/demo-embedded-wallet.png?fit=max&auto=format&n=83HCB8zBjOP3rX5S&q=85&s=be15f67bdffe8b32bd6e0387e2391420" alt="demo embedded wallet login view" width="3024" height="1648" data-path="images/getting-started/demo-embedded-wallet.png" />
  </Frame>

  <Frame>
    <img src="https://mintcdn.com/turnkey-0e7c1f5b/83HCB8zBjOP3rX5S/images/getting-started/demo-embedded-wallet-ui.png?fit=max&auto=format&n=83HCB8zBjOP3rX5S&q=85&s=8695efa0ba1eb607b7e1e431bf7de9aa" alt="demo embedded wallet dashboard view" width="3024" height="1658" data-path="images/getting-started/demo-embedded-wallet-ui.png" />
  </Frame>
</CardGroup>

### Mobile

#### React Native demo ([code](https://github.com/tkhq/react-native-demo-wallet))

Demonstrates Turnkey's JavaScript packages in a React Native environment. Covers authentication,
wallet creation, export, and transaction signing.

<Frame>
  <video controls className="rounded-lg" src="https://github.com/tkhq/react-native-demo-wallet/raw/refs/heads/main/assets/videos/demo_video.mov" width="50%" height="260" />
</Frame>

#### Flutter demo ([code](https://github.com/tkhq/dart-sdk/tree/main/examples/flutter-demo-app))

Demonstrates Turnkey's Flutter packages. Covers authentication, wallet creation, export, and
transaction signing.

<Frame>
  <video className="rounded-lg" src="https://github.com/tkhq/dart-sdk/raw/refs/heads/main/examples/flutter-demo-app/assets/videos/flutter-demo.mov" width="40%" height="auto" controls />
</Frame>

## Build with the integration guide

Ready to integrate Turnkey into your own app? The
[Integration Guide](/solutions/embedded-wallets/integration-guide/overview) walks you through everything step
by step.

For React apps, the **Wallet Kit** is the recommended starting point. It provides pre-built auth and
wallet UI components, a hook-based API, and requires no backend setup.

For React Native, Flutter, Swift, or Kotlin, choose the guide for your platform:

<CardGroup cols={2}>
  <Card title="React" icon="react" iconType="solid" href="/solutions/embedded-wallets/integration-guide/react/getting-started">
    Pre-built components with minimal configuration.
  </Card>

  <Card title="React Native" icon="react" iconType="solid" href="/solutions/embedded-wallets/integration-guide/react-native/getting-started">
    JavaScript packages for React Native.
  </Card>

  <Card title="Flutter" icon="code" iconType="solid" href="/solutions/embedded-wallets/integration-guide/flutter/getting-started">
    Dart SDK for Flutter apps.
  </Card>

  <Card title="Swift" icon="apple" iconType="solid" href="/solutions/embedded-wallets/integration-guide/swift/getting-started">
    Native iOS integration.
  </Card>

  <Card title="Kotlin" icon="android" iconType="solid" href="/solutions/embedded-wallets/integration-guide/kotlin/getting-started">
    Native Android integration.
  </Card>
</CardGroup>

For fully custom implementations or lower-level control, you can work directly with the
[Turnkey API](/api-reference/overview/intro).
