Component catalog
Composable surfaces for blockchain-native UX
The library is organized around real product workflows: selecting chains, validating addresses, connecting wallets, showing balances, handling activity, and guiding privacy-oriented transfer flows.
Library shape
Use small primitives for narrow tasks or combine them into larger wallet and portfolio surfaces.
Context model
Some pages only need ThemeProvider, while data-driven and wallet-driven surfaces also require AvaCloud context.
Docs style
Each page focuses on working examples, realistic states, and prop reference.
Start with your product flow, not the component name
If you are building onboarding, wallet connection, or transfer screens, open the wallet and token docs first. If you are building form-heavy flows, start with address and chain inputs.
Inputs and identity
AddressChip
Compact address display with truncation and optional click handling.
AddressInput
Validated address entry with identicon preview and quick actions.
ChainSelect
Chain picker grouped by mainnet and testnet, with search and logos.
Identicon
Deterministic visual identity generated from an address.
PaymentQRCode
QR payment requests for addresses, chains, and optional amounts.
Tokens, balances, and activity
Token Components
TokenIcon, TokenSelector, TokenAmountInput, balances, and transfer-oriented building blocks.
NFT Components
NFTCard, NFTGallery, and NFT hooks for collection and ownership surfaces.
TransactionList
Paginated transaction history with filtering, chain selection, and address input.