The modular crypto infrastructure stack that unifies wallets, 1-click cross-chain payments, and real-time data layers across EVMs.
A complete web3 development stack for building apps and games on Ethereum chains. Includes wallet integration, transaction management, and smart contract interactions.
React components and hooks for easy integration of Sequence Wallet, Marketplace, Checkout, API, Wallet Widget and more.
Custom-built SDK for Unity game development, providing lightweight Ethereum integration and wallet functionality optimized for gaming applications.
Native SDK for Unreal Engine, enabling seamless blockchain integration for games. Features wallet connectivity, transaction handling, and authentication systems.
Full-featured SDK for Go/Golang backends, powering Sequence's own infrastructure. Includes wallet management, transaction handling, and Ethereum interactions.
React Native SDK for building mobile applications with complete Sequence Embedded Wallet and Indexer integration.
Name: {currentChain.name}
Chain ID: {currentChain.id}
Network: {currentChain.network}
Native Currency: {currentChain.nativeCurrency.symbol}
Name: {ethereumChain.name}
Chain ID: {ethereumChain.id}
Network: {ethereumChain.network}
Native Currency: {ethereumChain.nativeCurrency.symbol}
Session Address: {session.sessionAddress}
Chain ID: {session.chainId}
Permissions: {session.permissions?.map(permission => permission.target).join(', ')}
Connected with email: {email}
No email associated with connected wallet
)}MINTER\_ROLE (or transfer ownership) on your contracts to the Sidekick account, depending on your access control model.
/write/erc1155/`{chainId}`/`{contract address}`/mint) and read endpoints as needed.
creditCardProviders if you need to scope usage to your approved partner(s).
pnpm add @0xsequence/wallet-wdk. Decide which components you will self-host (e.g., UI, Identity Instrument) versus use hosted.
Decimals: {ethInfo?.decimals}
{usdAmount} USD = {usdAmount * rate} EUR
Current Rate: 1 USD = {rate} EUR
{nft.description}
)}Balance: {balance.balance}
Token: {balance.contractAddress}
ETH Balance: {ethBalance?.balance}
USDC Balance: {usdcBalance?.balance}
Balance: {balance.balance}
Contract: {balance.contractAddress}
{balance.contractInfo && ({token.tokenMetadata?.description}
{token.contractInfo?.name}
{nft.description}
Chain: {tx.chainId}
Time: {new Date(tx.timestamp).toLocaleString()}
{tx.transfers?.map((transfer, index) => (From: {transfer.from}
To: {transfer.to}
Value: {transfer.value}
{JSON.stringify(metadata, null, 2)}
)}
Asset not available
Price: ${lowestListing.priceUSDFormatted}
Available: {primarySaleItem.supply ?? 0}
Name: {collectible.name}
Collectible ID: {collectibleId}
Owned: {balance?.balance || '0'}
Collectible ID: {collectible.metadata.tokenId}
Balance: {collectible.balance}
Collectible ID: {collectibleId}
Your Balance: {balance}
Price: {offer.priceAmount} {offer.priceCurrency?.symbol}
From: {offer.createdBy}
Expires:{" "} {new Date(offer.validUntil * 1000).toLocaleDateString()}
Project access key is configured
)}Wallet: {sessionState.walletAddress}
Login Method: {sessionState.loginMethod}
User Email: {sessionState.userEmail}
Number of active explicit sessions: {sessionState.sessions.filter(s => s.type === 'explicit').length}
Initialized: {sessionState.isInitialized ? 'Yes' : 'No'}
Wallet: {sessionState.walletAddress || 'Not connected'}
Has Sessions: {hasSessions ? 'Yes' : 'No'}
Has Implicit Session: {hasImplicitSession ? 'Yes' : 'No'}
Has Explicit Session: {hasExplicitSession ? 'Yes' : 'No'}
Login Method: {sessionState.loginMethod || 'Unknown'}
User Email: {sessionState.userEmail || 'Not available'}
Address: {address}
{isPending &&Pending...
} {isSuccess &&Success! Tx Hash: {txHash}
}Address: {address}
{isPending &&Pending...
} {isSuccess &&Success! Tx Hash: {txHash}
}ERC20 Gas Payment Example
{isSuccess && txHash && (Transaction successful! Hash: {txHash}
Select Token to Pay Gas Fees
Your Wallet Address
{address || 'Not connected'}
Transaction Hash:
{txHash}
Name: {currentChain.name}
Chain ID: {currentChain.id}
Network: {currentChain.network}
Native Currency: {currentChain.nativeCurrency.symbol}
Name: {ethereumChain.name}
Chain ID: {ethereumChain.id}
Network: {ethereumChain.network}
Native Currency: {ethereumChain.nativeCurrency.symbol}
Project access key is configured
)}Connected with email: {email}
No email associated with connected wallet
)}Social Link modal is open
WaaS Config Key: {waasConfigKey || 'Not available'}
Query blockchain data with powerful filtering and sorting capabilities.
Track user engagement, retention, and transaction metrics for your applications.
Store and retrieve metadata for tokens, collections, and other assets.
Submit and manage blockchain transactions with optimized gas fees and batching.
Create and manage orders for NFT marketplaces and exchanges.
Access high-performance RPC nodes with automatic scaling and failover.
Query blockchain data across multiple chains with a single API request with the Indexer Gateway
User Address: {address}
); return ( <> ); } export default App; ``` ## 3. Marketplace SDK set up Marketplace SDK is a comprehensive toolkit that seamlessly integrates our Marketplaces into applications. More about [Marketplace SDK](/sdk/web/marketplace-sdk/overview) ```bash theme={null} npm install @0xsequence/connect @0xsequence/checkout @0xsequence/wallet-widget @0xsequence/marketplace-sdk @0xsequence/design-system @0xsequence/network @0xsequence/indexer @0xsequence/metadata wagmi ethers@^6 viem 0xsequence @tanstack/react-query @tanstack/react-query-devtools @legendapp/state framer-motion pino-pretty tailwindcss @tailwindcss/vite # or pnpm add @0xsequence/connect @0xsequence/checkout @0xsequence/wallet-widget @0xsequence/marketplace-sdk @0xsequence/design-system @0xsequence/network @0xsequence/indexer @0xsequence/metadata wagmi ethers@^6 viem 0xsequence @tanstack/react-query @tanstack/react-query-devtools @legendapp/state framer-motion pino-pretty tailwindcss @tailwindcss/vite # or yarn add @0xsequence/connect @0xsequence/checkout @0xsequence/wallet-widget @0xsequence/marketplace-sdk @0xsequence/design-system @0xsequence/network @0xsequence/indexer @0xsequence/metadata wagmi ethers@^6 viem 0xsequence @tanstack/react-query @tanstack/react-query-devtools @legendapp/state framer-motion pino-pretty tailwindcss @tailwindcss/vite ``` ### Add the required CSS imports to your main styles file ```ts index.css theme={null} @import 'tailwindcss'; @import '@0xsequence/marketplace-sdk/styles/preset'; @import '@0xsequence/design-system/preset'; ``` ### Configure Tailwind CSS plugin in vite.config.ts ```ts vite.config.ts theme={null} import { defineConfig } from "vite"; import react from "@vitejs/plugin-react"; import tailwindcss from "@tailwindcss/vite"; // https://vite.dev/config/ export default defineConfig({ plugins: [react(), tailwindcss()], }); ``` ### Add the Marketplace SDK config ```ts config.ts theme={null} import { createConfig } from "@0xsequence/connect"; import type { SdkConfig } from '@0xsequence/marketplace-sdk'; const projectAccessKey = import.meta.env.VITE_PROJECT_ACCESS_KEY; const waasConfigKey = import.meta.env.VITE_WAAS_CONFIG_KEY; const walletConnectId = import.meta.env.VITE_WALLET_CONNECT_ID; const projectId = import.meta.env.VITE_PROJECT_ID!; const googleClientId = import.meta.env.VITE_GOOGLE_CLIENT_ID!; export const config: any = createConfig("waas", { projectAccessKey, chainIds: [1, 137], defaultChainId: 1, appName: "Demo Dapp", waasConfigKey, // for waas google: { clientId: googleClientId, }, walletConnect: { projectId: walletConnectId, }, }); export const marketplaceConfig = { projectId, projectAccessKey, walletConnectProjectId: walletConnectId } satisfies SdkConfig; ``` ### Add the Marketplace SDK Providers Alongside Your Web SDK Providers ```ts main.tsx theme={null} import { StrictMode } from 'react' import { createRoot } from 'react-dom/client' import App from './App.tsx' import "./index.css"; import { config } from "./config"; import { SequenceConnect } from "@0xsequence/connect"; import { MarketplaceProvider, ModalProvider, } from "@0xsequence/marketplace-sdk/react"; import { ThemeProvider, ToastProvider } from '@0xsequence/design-system'; import { SequenceCheckoutProvider } from "@0xsequence/checkout"; import { marketplaceConfig } from "./config"; function Dapp() { return ({collection.itemsAddress}
Chain ID: {collection.chainId}
Contract type: {contractType}
{description}
User Address: {address}
{!collectionSelected ? (User Address: {address}
{!collectionSelected ? (
{/* @ts-ignore */}
signOut()}>sign out
{wallet}