探索

CKB Connect Wallet Kit

  • 基础设施
  • 开发者工具
  • 独立建设者

通过 CCC 连接 CKB 钱包的可组合 React 组件,并可选择显示 did:ckb 个人资料。

ckb-connect-wallet-kit.vercel.app · 核对于 2026-11-03

简介

CKB Connect Wallet Kit is a React UI package, ckb-connect-wallet-kit on npm, built on @ckb-ccc/connector-react. Instead of one fixed widget, it gives you separate pieces for the connect button, wallet icon, balance and address, and you lay them out yourself. They share state through React context, so nothing is passed down by hand, and each piece can override the defaults for number formatting, address truncation and styling.

It can also show the avatar, display name and identifier from the did:ckb cells owned by the connected lock. This is read-only: creating or editing a DID is outside the kit. An optional dialog component replaces CCC's own connection popup.

You mount your own ccc.Provider, and the kit needs React 18. The components ship as Tailwind class names rather than a stylesheet, so a Tailwind v4 project has to point at the package with @source.

相似项目