Skip to main content
Drop-in widgets for wallet connection, token swaps, bridging, fiat onramps, and primary sales.

Sample App

View a complete working example

Why Use Checkout?

Mount pre-built widgets instead of building complex transaction UIs. Handle swaps, bridges, and payments with a few lines of code.
Users don’t need to understand gas, bridges, or DEXs. The widget guides them through each flow with clear UI.
Match your app’s theme with built-in dark/light modes and language localization.
Works with Passport, MetaMask, WalletConnect, and any EIP-1193 compatible wallet.
Prerequisites: Checkout requires wallet authentication. We recommend Passport for seamless wallet creation and login, but you can also use MetaMask, WalletConnect, or any EIP-1193 compatible wallet.

Wallet Funding: Which Flow to Use?

Choose the right funding method based on your users’ starting point:
Need help choosing? See individual flow pages for detailed “when to use” guidance and platform-specific examples (TypeScript, Unity, Unreal).

Available Flows

Platform-Specific Implementation

Full widget integration - Mount widgets directly in your web application with React/Vue/vanilla JS.See individual flow pages (Onramp, Swap, Bridge) for complete TypeScript examples with installation, code, and configuration.

TypeScript Quick Start

Installation

Initialize Checkout

For complete examples with event handling and configuration options, see individual flow pages.

Configuration Options

Widget Configuration

Widget Methods

All commerce widgets share these methods:

Common Events

All flows emit these events:

Integration Guides

Build a Marketplace

Complete marketplace with wallet funding

Build a Game

Start with game basics first

Passport Integration

Wallet creation and authentication

Get API Keys

Setup Hub credentials

Next Steps

Onramp

Buy crypto with fiat

Swap

Exchange tokens

Bridge

Transfer from L1

Primary Sales

Sell NFTs to players

Unity SDK

Unity implementation

Unreal SDK

Unreal implementation