Account Center is the first universal widget of its kind that allows Dapp developers to enable multiple wallet connections on a Dapp by leveraging Web3-Onboard’s custom UI to support leading hardware wallets, like Ledger and Trezor, on top of more than 35 unique software wallets. With Account Center, users have a seamless end-to-end connection experience on your Dapp no matter where their funds are hosted.
Account Center empowers end-users to carefully manage their wallet connection and successfully orchestrate their transactions, all while giving the integrating Dapp developer the ease and flexibility to provide these crucial capabilities through a turnkey integration. This frees developer time so you can ensure you stay focused on your core product.
We believe a much better transaction experience is possible in Web3, which is why our team developed Web3-Onboard and Account Center to continue improving UX across the ecosystem.
Introducing Account Center
In developing Account Center we listened to developers across the Web3 ecosystem and took note of many of the reoccurring issues that arose. This led to our team developing new kinds of frontend libraries to address the problems seen across the ecosystem, such as needing a place to manage your wallet connection and related items like network, balance, and transaction history.
Account Center is our first new library to solve all these problems. Its features include:
- Multi-wallet and account management with balances
- Network management and support for all EVM networks
- Dapp info area for helpful guides and useful links
Account Center’s simple interface can be placed anywhere on your Dapp’s UI. It displays wallet connection, balance, and network information and can be expanded to manage each setting and connect multiple wallets.
Account Center allows end-users to connect all of their wallets to your Dapp and manage those connections, resulting in better UX and increased activity and engagement.
General state:
Clicked/expanded state:
Simplifying the multi-chain future
By integrating Web3-Onboard with Account Center, developers can allow users to easily switch between networks and significantly simplifies on-ramping to Layer-2 protocols, which are increasingly leveraged for their speed and scalability.
Web3-Onboard supports all of the leading networks out of the box and enables developers to add custom RPCs for any EVM network, such as Arbitrum, Avalanche, BNB Chain, Celo, Ethereum, Fantom, Gnosis Chain, Harmony One, Moonriver, Optimism, and Polygon. When on the wrong network, Account Center will automatically direct end-users to the correct network for your Dapp.
Account Center also comes with a multichain design library that allows Dapp developers to show correct network iconography and branding for the networks they support.
We have added design support for Ethereum, Polygon, Fantom, BNB, Gnosis Chain, Optimism, Arbitrum, Avalanche, Celo, Harmony One, and other EVM networks. All EVM networks are supported at the technical level, but design representation for less common ones will be up to the developer to customize their initialization of web3-onboard.
Do I need to use Account Center to use Web3-Onboard?
Account Center is open-source and optional for Web3-Onboard users. It can be turned on or off from Web3-Onboard’s initialization options so Web3 developers can opt to only have the wallet connection modal if they prefer.
What is next for Web3-Onboard?
Moving forward, we plan to release additional libraries under Web3-Onboard that enhance UX in Dapps and maintain an easy-to-integrate developer experience.
In the near future, Blocknative will enable the integration of pre-flight transaction previews and in-flight transaction notifications with built-in Notify 2.0. We're committed to building web3's most powerful connect wallet button.
Integrate Account Center Today
With built-in modules for more than 35 unique hardware and software wallets and leading blockchain networks like Ethereum, Polygon, and Gnosis Chain, Web3-Onboard is the easiest, most effective way for developers to add multi-chain web3 wallet support to their projects.
Try our Web3-Onboard React Demo today to see Account Center in action.
Ready to integrate Account Center into your Dapp? Go hands-on with our docs. If you do not have a Blocknative account yet, you can sign up for free on Mempool Explorer.
Join our Discord community and let us know what new features or libraries you would like to see next to make developing with Web3-Onboard easier!
Observe Ethereum
Blocknative's proven & powerful enterprise-grade infrastructure makes it easy for builders and traders to work with mempool data.
Visit ethernow.xyz