AppKitHow to
AppKit how-to guides
How-to guides explain how AppKit features work, then show the code path for using them in an app.
Follow these guides when you need both the model behind a feature and the practical code that drives it. For installation and the minimum setup, use Get started guides.
Every how-to guide assumes an AppKit instance and the React provider are already mounted unless it is showing setup. Code samples use public package imports and keep product-state decisions separate from wallet approval.
Core setup
| Guide | What it covers |
|---|---|
| Set up AppKit | Runtime state, configuration, lifecycle, and React provider setup. |
| Connect to a wallet | Wallet and connector model, connect UI, selected wallet, and errors. |
| Use providers | I clients, streaming providers, swap providers, and staking setup. |
| Configure networks | Mainnet, testnet, default network, API clients, and mismatch checks. |
Wallet data and assets
| Guide | What it covers |
|---|---|
| Read balances | Gram and jetton reads for the selected wallet or any address. |
| Send Gram | Gram transfer flow, amount handling, and settlement checks. |
| Send jettons | Jetton metadata, decimals, transfer requests, and settlement checks. |
| Manage NFTs | NFT reads, rendering, transfer requests, and ownership verification. |
| Sign data | Text, binary, and cell signatures with verifier-side checks. |
| Use streaming | Live balance, jetton, and transaction updates. |
Product flows
| Guide | What it covers |
|---|---|
| Perform swaps | Quote freshness, provider routing, build flow, and settlement. |
| Stake and unstake | Stake and unstake quotes, provider metadata, balances, and sends. |
| Use on-ramps | Fiat redirects, crypto deposits, provider status, and completion. |
| Send gasless transactions | Jetton-paid fees, relayer estimates, wallet signing, and sends. |
| Use UI widgets | Default UI, render props, hooks, and vertical flow components. |