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

# AnySpend

Accept payments in any token, on any chain. Swap, checkout, deposit, and fiat onramp.

## What is AnySpend?

AnySpend is B3's payment infrastructure for crypto. It handles cross-chain routing, token conversion, and fiat onramps so your users can pay with whatever they have in their wallet. You receive the token you want, on the chain you want.

[Try AnySpend in your browser](https://anyspend.com/swap) | [SDK demo (Widget Lab)](https://sdk-demo.anyspend.com/)

## Use cases

![](/images/customize-for-swap.png)
  Cross-chain swaps
  Users swap tokens between chains. AnySpend finds the best route and price.

![](/images/customize-for-checkout.png)
  Checkout
  One-click checkout that accepts any token as payment, with automatic conversion.

![](/images/customize-for-defi.png)
  DeFi
  Execute any onchain contract call -- staking, prediction markets, bonding curves, and more.

![](/images/customize-for-games.png)
  Games
  Embeddable in native iOS/Android, Unity, and other surfaces.

## How it works

**User initiates payment**

User clicks a payment button or interacts with your UI, choosing their preferred token.

**AnySpend quotes a route**

The routing engine finds the best path to convert their token to the destination token.

**Cross-chain execution**

If needed, tokens are bridged across chains automatically.

**Delivery**

Tokens arrive at the destination address, execute any custom logic, and trigger your success callbacks.

![AnySpend Onramp](/images/anyspend-onramp-anyone.png)

## Quick start

```tsx
import { AnySpend, AnyspendProvider } from "@b3dotfun/sdk/anyspend/react";
import { B3Provider } from "@b3dotfun/sdk/global-account/react";

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

function App() {
  return (
    <B3Provider theme="light" environment="production" partnerId="your-awesome-partner-id">
      <AnyspendProvider>
        <AnySpend />
      </AnyspendProvider>
    </B3Provider>
  );
}

export default App
```

## What's next?

**[Installation](/anyspend/installation)**

Set up AnySpend in your project with npm or pnpm

**[Components](/anyspend/components)**

Pre-built components for swaps, checkout, deposits, and more

**[Examples](/anyspend/examples)**

Working code for common integration patterns

## Getting help

- **Discord**: Join our [Discord community](https://discord.gg/b3dotfun) for support
- **GitHub**: [Report issues](https://github.com/b3-fun/b3/issues) or request features

[![](/images/follow-updates-on-x.png)](https://x.com/anyspend)

[![](/images/anyspend-getting-started.png)](/anyspend/installation)