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:
bashnpm install @b3dotfun/sdk
bashpnpm add @b3dotfun/sdk
bashyarn add @b3dotfun/sdk
Tip
The B3 SDK includes TypeScript definitions out of the box!
2
Import CSS styles
Import the default styles in your application:
typescriptimport "@b3dotfun/sdk/index.css";
Step 2: Add B3Provider
Wrap the B3Provider around your application's root:
tsximport { 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
Enable global accounts authentication with B3:
tsximport { 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> );}
Enable cross-chain swaps & custom interactions with AnySpend:
tsximport { AnySpend } from "@b3dotfun/sdk/anyspend/react";function SwapPage() { return <AnySpend mode="page" />;}
Step 4: Explore the Ecosystem
What's Next?
Now that you have the B3 SDK installed, explore these powerful features:
Platform Support
| Feature | React Web | React Native |
|---|---|---|
| AnySpend | ✅ | ❌ |
| Global Accounts | ✅ | ✅ |
| Headless Services | ✅ | ✅ |
Note
Need help? Join our Discord community or check out the ecosystem introduction for comprehensive resources.