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

# Quickstart

> Get started with the B3 SDK in minutes and start building on the B3 ecosystem

### Step 1: Install the B3 SDK

<Steps>
  <Step title="Install the SDK package">
    Choose your preferred package manager to install the B3 SDK:

    <CodeGroup>
      ```bash npm theme={null}
      npm install @b3dotfun/sdk
      ```

      ```bash pnpm theme={null}
      pnpm add @b3dotfun/sdk
      ```

      ```bash yarn theme={null}
      yarn add @b3dotfun/sdk
      ```
    </CodeGroup>

    <Tip>The B3 SDK includes TypeScript definitions out of the box!</Tip>
  </Step>

  <Step title="Import CSS styles">
    Import the default styles in your application:

    ```typescript theme={null}
    import "@b3dotfun/sdk/index.css";
    ```
  </Step>
</Steps>

### Step 2: Add B3Provider

Wrap the B3Provider around your application's root:

```tsx theme={null}
import { B3Provider, SignInWithB3 } from "@b3dotfun/sdk/global-account/react";

function App() {
  return (
    <B3Provider environment="production" partnerId="your-awesome-partner-id">
      {children}
    </B3Provider>
  );
}
```

### Step 3: Use the B3 SDK

<AccordionGroup>
  <Accordion icon="swap" title="Instant Accounts">
    Enable global accounts authentication with B3:

    ```tsx theme={null}
    import { SignInWithB3 } from "@b3dotfun/sdk/global-account/react";

    function App() {
      return (
        <B3Provider environment="production" partnerId="your-awesome-partner-id">
          <SignInWithB3
            provider={{ strategy: "google" }}
            partnerId="your-partner-id"
            onLoginSuccess={(globalAccount) => {
              console.log("Authenticated:", globalAccount);
            }}
          />
        </B3Provider>
      );
    }
    ```
  </Accordion>

  <Accordion icon="swap" title="Access Liquidity">
    Enable cross-chain swaps & custom interactions with AnySpend:

    ```tsx theme={null}
    import { AnySpend } from "@b3dotfun/sdk/anyspend/react";

    function SwapPage() {
      return <AnySpend mode="page" />;
    }
    ```
  </Accordion>
</AccordionGroup>

### Step 4: Explore the Ecosystem

<Card title="Discover B3 Ecosystem" icon="globe" href="/ecosystem/introduction">
  Learn about the complete B3 ecosystem, tools, and resources available for builders.
</Card>

## What's Next?

Now that you have the B3 SDK installed, explore these powerful features:

<CardGroup cols={2}>
  <Card title="Global Accounts" icon="user" href="/sdk/global-account/introduction">
    Seamless authentication and user management across the B3 ecosystem.
  </Card>

  <Card title="Data API" icon="user" href="/data/api-reference/introduction">
    Access blockchain data for tokens, NFTs, profiles, and analytics.
  </Card>

  <Card title="AnySpend SDK" icon="arrows-cross" href="/anyspend/introduction">
    Cross-chain swaps, NFT minting, and blockchain operations.
  </Card>

  <Card title="Examples & Demos" icon="code" href="/sdk/introduction">
    Ready-to-use examples and integration patterns.
  </Card>
</CardGroup>

## Platform Support

| Feature           | React Web | React Native |
| ----------------- | --------- | ------------ |
| AnySpend          | ✅         | ❌            |
| Global Accounts   | ✅         | ✅            |
| Headless Services | ✅         | ✅            |

<Note>
  **Need help?** Join our [Discord community](https://discord.gg/b3dotfun) or check out the
  [ecosystem introduction](/ecosystem/introduction) for comprehensive resources.
</Note>