本页目录
钱包 UI 库
钱包 UI 库提供钱包选择界面和连接状态管理。根据应用框架和目标链选择库，并测试账户变化、请求拒绝和移动端连接。
下方指南介绍 EVM 集成。Aptos 请使用 Aptos Wallet Adapter；其他链请从对应链的 provider开始。
选择你的库
| 库 | 框架 | 功能 |
|---|---|---|
| RainbowKit | 仅 React | 钱包选择、主题、wagmi 集成 |
| AppKit（原 Web3Modal） | React/Vue/JS | WalletConnect 生态、移动端二维码、AppKit |
| Web3-Onboard | React/Vue/JS | Blocknative、丰富的自定义选项 |
框架与连接方式
| 功能 | RainbowKit | AppKit | Web3-Onboard |
|---|---|---|---|
| React | ✅ | ✅ | ✅ |
| Vue | ❌ | ✅ | ✅ |
| 原生 JavaScript | ❌ | ✅ | ✅ |
| 移动端二维码 | ✅ | ✅ | ✅ |
何时使用
以下情况适合使用钱包 UI 库：
- 需要钱包选择界面和连接状态管理。
- 需要通过二维码连接移动端钱包。
- 不希望自行构建钱包连接界面。
- 需要 WalletConnect 集成。
替代方案：自定义 UI
如果需要完全控制钱包 UI，可以考虑：
- Wagmi - 无 UI 的 React hooks
- Provider API - 直接访问钱包
最后更新于