# WalletConnect Documentation Source: https://docs.walletconnect.com/index The Connectivity Layer for the Financial Internet
WalletConnect powers apps, wallets and end-users via the WalletConnect network.
Check out our quickstart guides to get started!
| Package | Description |
|---|---|
@walletconnect/pay-cli
|
Create and complete WalletConnect Pay payments from the terminal |
@walletconnect/cli-sdk
|
Wallet connection, signing, and cross-chain swidge for terminal apps |
@walletconnect/staking-cli
|
WCT staking on Optimism — stake, unstake, claim rewards |
Logos and brands shown are for illustrative purposes only and do not imply affiliation or endorsement.
### Buyer checkout On the WalletConnect Pay buyer checkout page (opened when a buyer scans the payment QR with a generic camera or QR scanner), the merchant logo anchors the "Pay X to \Logos and brands shown are for illustrative purposes only and do not imply affiliation or endorsement.
Because the logo renders inside different container shapes across surfaces (square cards on web, rounded squares in wallets), the asset needs to work across all of them. The specification below is designed for that. ## Specification | Field | Value | | ---------------------- | --------------------------- | | Aspect ratio | 1:1 (square), ±5% tolerance | | Minimum dimensions | 500 × 500 px | | Recommended dimensions | 1024 × 1024 px | | Maximum dimensions | 4096 × 4096 px | | Accepted formats | JPEG, PNG, WebP, AVIF | | Max file size | 2 MB | | Transparency | Allowed in PNG and WebP | ### Format guidance * **PNG** or **WebP** for logos with transparent backgrounds. * **JPEG** for flat photographic logos with no transparency. * **AVIF** if your asset pipeline already produces it; otherwise prefer PNG. * **1024 × 1024 px** is the recommended size: it gives retina headroom across surfaces while staying well under the 2 MB cap. ### Why square Logos render inside square and rounded-square containers across surfaces. Non-square images get center-cropped, and the result is unpredictable: a tall rectangle that looks fine in one wallet may have its bottom half clipped in another. Square assets with the ±5% tolerance render consistently everywhere. Create a merchant with a logo hosted on your own CDN: ```http theme={null} POST /v1/merchants HTTP/1.1 Host: api.pay.walletconnect.com Authorization: BearerWalletConnect Pay is a complete, end-to-end stablecoin and crypto payment solution that allows PSPs and merchants to enable crypto payments from any wallet and any asset through a single, familiar integration. Choose your integration method below to quickstart.
Learn more about WalletConnect Pay and the wider WalletConnect brand.
| Package | Role | Depends on |
|---|---|---|
@walletconnect/pay-core
|
WCP API client — contract types, CAIP utilities, the browser Transport seam (createHttpTransport), and the server-side createEngineClient that holds your API key. The foundation. |
— |
@walletconnect/pay-state
|
The headless runtime — the payment state machine, orchestration, the injectable seam contracts, the session factory, and the public PaymentSnapshot view-model. No React, no HTTP client, no wallet SDK. |
pay-core |
@walletconnect/pay-react
|
Thin React binding — usePaymentSession returns the snapshot plus domain actions. Zero state-machine leak. |
pay-state |
@walletconnect/pay-appkit
|
Reown AppKit adapter — implements the WalletProvider seam over a Reown AppKit instance (plus the Solana web3 loader). A /react subpath ships the wallet-connection hook. |
pay-state |