Quickstart

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

Step 1: Install the B3 SDK

1. Install the SDK package

   Choose your preferred package manager to install the B3 SDK:

   npm

   npm install @b3dotfun/sdk
   

   The B3 SDK includes TypeScript definitions out of the box!
2. Import CSS styles

   Import the default styles in your application:

   import "@b3dotfun/sdk/index.css";
   

Step 2: Add B3Provider

Wrap the B3Provider around your application’s root:

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

Instant Accounts

Enable global accounts authentication with B3:

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

Access Liquidity

Enable cross-chain swaps & custom interactions with AnySpend:

import { AnySpend } from "@b3dotfun/sdk/anyspend/react";

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

Step 4: Explore the Ecosystem

Discover B3 Ecosystem

Learn about the complete B3 ecosystem, tools, and resources available for builders.

What’s Next?

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

Global Accounts

Seamless authentication and user management across the B3 ecosystem.

Data API

Access blockchain data for tokens, NFTs, profiles, and analytics.

AnySpend SDK

Cross-chain swaps, NFT minting, and blockchain operations.

Examples & Demos

Ready-to-use examples and integration patterns.

Platform Support

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

Need help? Join our Discord community or check out the ecosystem introduction for comprehensive resources.