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

# Global Wallet

> Use Story's Global Wallet to enable Dynamic social login in your app.

The Story Global Wallet is a Dynamic-powered wallet experience that you can enable by adding a single import to your app.

## Integrate

<Steps>
  <Step title="Install @story-protocol/global-wallet">
    Install the package in your app (see the [npm page](https://www.npmjs.com/package/@story-protocol/global-wallet)):

    ```bash npm theme={null}
    npm install @story-protocol/global-wallet
    ```
  </Step>

  <Step title="Add the Global Wallet import">
    Add this import at the top of your root client component:

    <CodeGroup>
      ```tsx theme={null}
      import "@story-protocol/global-wallet/story";
      ```
    </CodeGroup>
  </Step>
</Steps>

## What users get

After the import is in place, “Story Global Wallet” is automatically added to the wallet connection UI wallet list. Users can then log in via socials using Dynamic.

<Frame>
  <img src="https://mintcdn.com/story/03oH-kgDl5AH-mXV/images/developers/global-wallet/story-global-wallet-connecting.png?fit=max&auto=format&n=03oH-kgDl5AH-mXV&q=85&s=4e042071ad0974ed7491bc79eb71c8ee" alt="Story Global Wallet connecting screen" width={560} data-path="images/developers/global-wallet/story-global-wallet-connecting.png" />
</Frame>

<Frame>
  <img src="https://mintcdn.com/story/03oH-kgDl5AH-mXV/images/developers/global-wallet/story-global-wallet-login.png?fit=max&auto=format&n=03oH-kgDl5AH-mXV&q=85&s=31d347ae3f15bf99629da6fd87faa792" alt="Story Global Wallet login screen" width={560} data-path="images/developers/global-wallet/story-global-wallet-login.png" />
</Frame>

## Examples

See the reference implementations below. Make sure to read the [README](https://github.com/piplabs/story-global-wallet/blob/main/README.md) to get them up and running.

* [Dynamic wallet + Next.js](https://github.com/piplabs/story-global-wallet/tree/main/examples/dynamic-nextjs)
* [RainbowKit + Vite](https://github.com/piplabs/story-global-wallet/tree/main/examples/rainbowkit-vite)